Der App-Ordner

Teil des Abschnitts Next.js Essentials der React-Journey von Coddy — Lektion 2 von 47.

Öffnen Sie die Dateiliste. Eine Next.js-Projektstruktur hat eine bestimmte Form, und sie besitzt eine Bedeutung:

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

Zwei Dateinamen sind speziell, und Sie werden sie ständig verwenden:

page.jsx: Macht einen Ordner zu einer aufrufbaren URL. app/page.jsx ist die Startseite, /.
layout.jsx: Umhüllt die darunter liegenden Seiten. Das Root-Layout enthält <html> und <body>, sodass every Seite es teilt.

Die Namen sind keine Konvention, die Sie umbenennen könnten. Next.js sucht nach genau diesen Dateinamen. So wird aus einem Ordner voller Dateien eine app mit URLs.

Das Root-Layout ist in diesen Lektionen gesperrt, sodass eine beschädigte Shell deine App niemals lahmlegen kann. Du wirst in app/page.jsx und den Dateien arbeiten, die du selbst hinzufügst.

Probier es selbst

Diese Lektion enthält keine Programmieraufgabe.