Basics
Project Structure
app/, public/, next.config.js
💡 Next.js, project, structure, EK, "ORGANIZED, OFFICE, BUILDING" jaisa, hai — HAR, FLOOR, (FOLDER) ka, EK, SPECIFIC, PURPOSE, hai — app/, routes, ke, liye, public/, static, files, ke, liye.
app/, folder, (App Router) ROUTES, aur, PAGES, ko, HOLD, karta hai — HAR, folder, EK, URL, SEGMENT, REPRESENT, karta hai, aur, page.js, USKI, CONTENT, DEFINE, karta hai.
public/, folder, STATIC, ASSETS, (images, fonts, favicon) ke, liye, hai — DIRECTLY, ROOT, URL, se, ACCESSIBLE, HOTE, HAIN (jaise, /logo.png). next.config.js, PROJECT-WIDE, CONFIGURATION, ke, liye, hai.
my-app/
├── app/
│ ├── page.js → /
│ ├── layout.js → root layout
│ └── about/page.js → /about
├── public/
│ └── logo.png → /logo.png
├── next.config.js
└── package.json🗂️
Next.js, project, structure, EK, "ORGANIZED, OFFICE, BUILDING" jaisa, hai — HAR, FLOOR, (FOLDER) ka, EK, SPECIFIC, PURPOSE, hai — app/, routes, ke, liye, public/, static, files, ke, liye.
1 / 2
⚡ झट से Recap
- app/ = routes/pages, ke, liye (App Router)
- public/ = static assets, DIRECTLY, root, URL, se, accessible
- next.config.js = project-wide, configuration
इस page में (2 subtopics)
app/ folder, ko, EK, OPTIONAL, src/ directory, ke, ANDAR, bhi, rakha, ja, sakta hai (src/app/) — ROOT, LEVEL, PAR, config, files, (package.json, next.config.js) ko, application, code, se, SEPARATE, rakhne, ke, liye.
my-app/
├── src/
│ └── app/
│ └── page.js
├── next.config.js
└── package.jsonpage.js, aur, layout.js, ke, ALAWA, MULTIPLE, SPECIAL, files, HOTI, HAIN — loading.js (SUSPENSE, fallback), error.js (error, boundary), not-found.js (404, page).
Tip: Ye, SPECIAL, files, "CONVENTION, OVER, CONFIGURATION" ka, EXAMPLE, HAIN — SIRF, FILE, ka, SAHI, NAAM, RAKHNE, se, Next.js, automatically, USKA, PURPOSE, samajh, jaata hai.