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.
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.