Você pode usar Ctrl + L ou digitar o comando clear se quiser limpar o terminal

Paramos nesse erro pois para o servidor funcionar, precisamos criar os arquivos de páginas dentro do projeto.

image.png

Esse tipo de roteamento é chamado de:

image.png

image.png

E é o que o Next espera de nós. Ele se inspirou no clássico PHP.

image.png

No PHP, quando usavamos apache (um tipo de servidor), ao detectar uma requisição para /produtos , o apache procurava por um arquivo produtos.php para servir

image.png

Temos 2 tipos de roteamento possível no Next e vamos usar o Pages Router para começar

App Router

Pages Router

Característica Pages Router App Router
Diretório principal pages/ app/
Suporte a layouts Limitado Aninhados
Renderização Client-side/server Server + Client + RSC
Flexibilidade Menor Maior
Ideal para Projetos simples Projetos modernos/grandes

Vamos criar um arquivo pages/index.js com um componente bem simples para que o Next possa encontrar e servir.

O export default faz com que o componente Home seja disponibilizado por padrão para qualquer outro arquivo que queira acessar este.