Você pode usar Ctrl + L ou digitar o comando clear se quiser limpar o terminal
Paramos nesse erro ao tentar rodar o servidor localmente com o comando npm run dev pois para o servidor funcionar, precisamos criar os arquivos de páginas dentro do projeto.
Esse tipo de roteamento é chamado de:
E é o que o Next espera de nós. Ele se inspirou no clássico PHP.
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
Temos 2 tipos de roteamento possível no Next e vamos usar o Pages Router para começar
| 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.