🚀 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	✅ Completed
25	Integrating Redux	Excellent	Frontend	✅ Completed
26	Error Handling with error.js	Excellent	Frontend	✅ Completed
27	Recovering from Errors	Good to Have	Frontend	✅ Completed
28	Nested Route Error Handling	Good to Have	Frontend	✅ Completed
29	Client-side Exceptions	Good to Have	Frontend	✅ Completed
30	Global Error Handling	Good to Have	Frontend	✅ Completed
31	CSS in Next.js	Good to Have	Frontend	✅ Completed
32	CSS Modules	Good to Have	Frontend	✅ Completed
33	SCSS	Extra Knowledge	Frontend	Skipping
34	Tailwind CSS v4 Setup	Not Negotiable	Frontend	✅ Completed
35	Tailwind CSS v4 in Existing Projects	Excellent	Frontend	✅ Completed
36	next/image Image Optimization	Not Negotiable	Frontend	✅ Completed
37	Preparing App for Deployment	Excellent	Frontend	✅ Completed
38	Environment Variables	Excellent	Frontend	✅ Completed
39	Custom Domain Setup	Good to Know	Frontend	Skipping
40	Middleware	Good to Have	Frontend	Skipping
41	Rewrites using NextResponse	Good to Have	Frontend	Skipping
42	Edge Runtime	Extra Knowledge	Frontend	Skipping
43	Internationalization (i18n)	Extra Knowledge	Frontend	Skipping
44	ESLint Deep Dive	Excellent	Frontend	Skipping
45	ESLint as Formatter	Good to Have	Frontend	Skipping
46	Prettier Setup	Excellent	Frontend	Skipping
47	Lint-Staged	Extra Knowledge	Frontend	Skipping
48	Husky Pre-Commit Hooks	Extra Knowledge	Frontend	Skipping

---

🎯 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.