A pasta App

Parte da seção Essenciais do Next.js do Journey de React da Coddy — lição 2 de 47.

Abra a lista de arquivos. Um projeto Next.js tem um formato, e ele carrega significado:

app/
    layout.jsx     the shell around every page
    page.jsx       the page at /
    globals.css    styles for the whole app

Dois nomes de arquivos são especiais, e você os usará constantemente:

page.jsx: transforma uma pasta em uma URL visitável. app/page.jsx é a página inicial, /.
layout.jsx: envolve as páginas abaixo dele. O layout raiz contém <html> e <body>, então todas as páginas o compartilham.

Os nomes não são uma convenção que você possa renomear. O Next.js procura por esses nomes de arquivos exatos. É assim que uma pasta de arquivos se torna um aplicativo com URLs.

O layout raiz está bloqueado nestas lições, para que um shell quebrado nunca derrube seu app. Você trabalhará em app/page.jsx e nos arquivos que você mesmo adicionar.

Experimente você mesmo

Esta lição não inclui um desafio de código.