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 particuliers, et vous les utiliserez constamment :
page.jsx: transforme un dossier en URL accessible.app/page.jsxest la page d’accueil,/.layout.jsx: englobe les pages qui se trouvent en dessous. Le layout racine contient<html>et<body>, ainsi toutes les pages le partagent.
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.
La mise en page racine est verrouillée dans ces leçons, donc une structure défectueuse ne pourra jamais faire tomber votre application. 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