BasicNext.js Orientation and the App Router Bet40 minLesson 2 of 8
Walk through what create-next-app generates and what each top-level file and folder is responsible for.
The illustrated walkthrough is behind sign-in.
Every prompt in the library is public. Any free InterviewOS account unlocks the diagram, the model answer, and the self-check.
Start with the answer
Overview
Sign in to read the model answer. Sign in
Objectives
What you'll learn
- Account for every top-level file create-next-app generates.
- Explain what app/, public/ and next.config.ts are each responsible for.
- Know which generated files are load-bearing and which are examples you should delete.
Terms to know
Glossary
- Root layout
- app/layout.tsx. The only layout that renders <html> and <body>, and the one place global CSS belongs.
- Path alias
- The @/* mapping in tsconfig.json that turns deep relative imports into absolute ones rooted at the project.
- public/
- Files served byte-for-byte from the URL root with no hashing or optimisation.