O melhor tutorial é sempre a documentação, fato. Eu não sei se entendi muito bem a sua dúvida, mas você está com dificuldades em utilizar roteamento com a pasta app do Next.js? Se for esse o caso, posso te ajudar, mas vai ser o suficiente para funcionar, apenas. Para explicar tudo demandaria muito tempo, então no final eu recomendo a documentação.

Como usar a pasta APP?

Não tem mistério nenhum. O roteamento dentro da basta app, tranforma toda pasta em rotas. Por exemplo, se você criar um pasta dentro de app, automaticamente você criou um segmento de rota que pode ser acessada.

Mas como se faz pra acessar esses segmentos? Importe o componente link do next e passe o atributo href com o endereço da pasta. Exemplo prático:

    import Link from "next/link" 
    
    export const Home() = () => {
        return (
            <>
                <Link href={"/nomeDaPasta"}>Para ir para a próxima rota</Link>
            </>
        )
    }

Existem outros conceitos sobre rotas como: Rotas paralelas, grupo de rotas, gerando rotas estáticas dentre outras coisas. Se você fizer como eu expliquei a cima, você vai conseguir criar um roteamente simples do simples...

Uma outra coisa: Quando você criar uma rota (criar uma pasta), coloque um arquivo com o nome page dentro, pois esse arquivo permite exibir a rota e seu JSX. Tem que ser com o nome page, pois faz parte da converção do Next.

Não sei se deu pra entender muito bem, pois n sou a melhor pessoa para explicar, mas qualquer dúvida basta jogar aqui que eu respondo quando eu ver.

Perai... Então você quer fazer uma aplicação Front-end que não tem um Back-end, basicamente? É isso?

Confesso que não sei como Mockar um Back-end com alguma lib ou algo do tipo. A única vez que escutei e fiz algo parecido foi quando estava testando aplicações com Jest e Testing Librarykkkkkkk.

Agora (pelo que eu conheço de Next), se você quer simular uma API, talvez alguma dessas duas opções te ajude:

• Criar um JSON na pasta public para usá-lo em uma página;
• Criar um arquivo route.ts em uma pasta dentro da pasta app (/app/api/route.ts). Dessa forma, essa rota se comporta como uma chamada a API (se liga nessa documentação) - inclusive, usei isso uma vez pra criar um Back-end pro meu projeto Aztek Converter. Se quiser eu posso tornar público o repositório do Back-end e compartilhar aqui também.

Eu tentei implementar aqui no next14, porém só funciona o mock com requisições client side, quando você precisa fazer server side não funciona bem, eu achei alguns lugares e forum e dizem que realmente ainda não é possivel, apenas se você usar um vire da vida vai funcionar bem.