Le dossier App
Fait partie de la section L'essentiel de Next.js du Journey React de Coddy — leçon 2 sur 47.
Ouvrez la liste des fichiers. Un projet Next.js a une structure, et celle-ci a du sens :
app/
layout.jsx the shell around every page
page.jsx the page at /
globals.css styles for the whole appDeux noms de fichiers sont spéciaux, et vous les utiliserez constamment :
page.jsx: transforme un dossier en une URL accessible.app/page.jsxest la page d'accueil,/.layout.jsx: enveloppe les pages qui se trouvent en dessous. Le layout racine contient<html>et<body>, de sorte que chaque page le partage.
Les noms ne sont pas une convention que vous pourriez modifier. Next.js recherche exactement ces noms de fichiers. C'est ainsi qu'un dossier de fichiers devient une application avec des URL.
Le layout racine est verrouillé dans ces leçons, ainsi un shell défectueux ne pourra jamais faire planter votre app. Vous travaillerez dans app/page.jsx et dans les fichiers que vous ajouterez vous-même.
Essayez vous-même
Cette leçon ne comprend pas de défi de code.
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de L'essentiel de Next.js
1Pourquoi Next.js
Ce que Next.js apporteLe dossier AppVotre première pageRécapitulatif : Pourquoi Next.js2Routage et liens
Les dossiers sont des routesRoutes imbriquéesLier des pagesRoutes dynamiquesPages non trouvéesRécapitulatif : Routage