La carpeta App

Parte de la sección Esenciales de Next.js del Journey de React de Coddy — lección 2 de 47.

Abre la lista de archivos. Un proyecto de Next.js tiene una estructura, y esta tiene un significado:

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

Dos nombres de archivos son especiales y los usarás constantemente:

page.jsx: convierte una carpeta en una URL visitable. app/page.jsx es la página de inicio, /.
layout.jsx: envuelve las páginas que están debajo de él. El layout raíz contiene <html> y <body>, por lo que cada página lo comparte.

Los nombres no son una convención que puedas cambiar. Next.js busca exactamente estos nombres de archivo. Así es como una carpeta de archivos se convierte en una aplicación con URLs.

El root layout está bloqueado en estas lecciones, por lo que un shell roto nunca podrá tumbar tu app. Trabajarás en app/page.jsx y los archivos que añadas tú mismo.

Pruébalo tú mismo

Esta lección no incluye un desafío de código.