🚀 Next.js Learning Journey

Welcome to my Next.js Learning Journey repository.

This repository documents my journey of learning Next.js from the fundamentals to advanced concepts. Every topic I learn is accompanied by notes, examples, and small practice projects to help reinforce my understanding.

The goal of this repository is not just to finish a course, but to understand how Next.js works internally, compare it with React where necessary, and build a strong foundation for developing modern web applications.

---

📚 Learning Progress

S.No.	Topic	Importance	Frontend / Backend	Status
1	Next.js Course Syllabus	Good to Know	General	✅ Completed
2	What is Next.js?	Not Negotiable	Frontend	✅ Completed
3	Creating Our First Next.js App	Not Negotiable	Frontend	✅ Completed
4	Difference Between React.js and Next.js	Not Negotiable	Frontend	✅ Completed
5	Creating Routes with the App Router	Not Negotiable	Frontend	✅ Completed
6	Understanding Layouts (layout.js & page.js)	Not Negotiable	Frontend	✅ Completed
7	Nested Routing with App Router	Not Negotiable	Frontend	✅ Completed
8	Dynamic Routes and Route Groups	Not Negotiable	Frontend	✅ Completed
9	Catch-All and Optional Catch-All Routes	Excellent	Frontend	✅ Completed
10	Building Reusable Layouts using layout.js	Excellent	Frontend	✅ Completed
11	Metadata API	Excellent	Frontend	✅ Completed
12	Custom not-found.js Page	Excellent	Frontend	✅ Completed
13	Route Groups	Excellent	Frontend	✅ Completed
14	Private Routes	Good to Know	Frontend	✅ Completed
15	Rendering Paradigms (SSR & CSR)	Not Negotiable	Frontend	✅ Completed
16	Static vs Dynamic Rendering	Not Negotiable	Frontend	✅ Completed
17	Static Site Generation (SSG)	Excellent	Frontend	✅ Completed
18	Incremental Static Regeneration (ISR)	Excellent	Frontend	✅ Completed
19	Server Components vs Client Components	Not Negotiable	Frontend	✅ Completed
20	Hydration	Excellent	Frontend	✅ Completed
21	Hydration Errors	Excellent	Frontend	✅ Completed
22	Data Fetching in App Router	Not Negotiable	Frontend	✅ Completed
23	Fetching Data with React Server Components	Excellent	Frontend	✅ Completed
24	Managing State with React Hooks & Context	Not Negotiable	Frontend	⏳ Pending
25	Integrating Redux	Excellent	Frontend	⏳ Pending
26	Error Handling with error.js	Excellent	Frontend	⏳ Pending
27	Recovering from Errors	Good to Have	Frontend	⏳ Pending
28	Nested Route Error Handling	Good to Have	Frontend	⏳ Pending
29	Client-side Exceptions	Good to Have	Frontend	⏳ Pending
30	Global Error Handling	Good to Have	Frontend	⏳ Pending
31	CSS in Next.js	Good to Have	Frontend	⏳ Pending
32	CSS Modules	Good to Have	Frontend	⏳ Pending
33	SCSS	Extra Knowledge	Frontend	⏳ Pending
34	Tailwind CSS v4 Setup	Not Negotiable	Frontend	⏳ Pending
35	Tailwind CSS v4 in Existing Projects	Excellent	Frontend	⏳ Pending
36	next/image Image Optimization	Not Negotiable	Frontend	⏳ Pending
37	Preparing App for Deployment	Excellent	Frontend	⏳ Pending
38	Environment Variables	Excellent	Frontend	⏳ Pending
39	Custom Domain Setup	Good to Know	Frontend	⏳ Pending
40	Middleware	Good to Have	Frontend	⏳ Pending
41	Rewrites using NextResponse	Good to Have	Frontend	⏳ Pending
42	Edge Runtime	Extra Knowledge	Frontend	⏳ Pending
43	Internationalization (i18n)	Extra Knowledge	Frontend	⏳ Pending
44	ESLint Deep Dive	Excellent	Frontend	⏳ Pending
45	ESLint as Formatter	Good to Have	Frontend	⏳ Pending
46	Prettier Setup	Excellent	Frontend	⏳ Pending
47	Lint-Staged	Extra Knowledge	Frontend	⏳ Pending
48	Husky Pre-Commit Hooks	Extra Knowledge	Frontend	⏳ Pending

---

🎯 Goals

• Build a strong understanding of the Next.js App Router.
• Learn how and why features work instead of memorizing syntax.
• Compare React and Next.js whenever it helps understand concepts better.
• Practice every major feature through small projects and examples.
• Continuously update this repository as I progress through my learning journey.

---

⭐ This repository will continue to grow as I explore more Next.js concepts and build more projects.