Next.js Full-Stack Course Next.js Logo

Section 1: Introduction to Next.js
  1. Next.js Course Syllabus
  2. What is Next.js?
  3. Creating Our First Next.js App
  4. Difference Between React.js and Next.js
Section 2: Routing in Next.js
  1. Creating Routes with the App Router
  2. Understanding Layouts: layout.js and page.js
  3. Nested Routing with App Router
  4. Dynamic Routes and Route Groups
  5. Catch-All and Optional Routes
  6. Building Reusable Layouts using layout.js File
  7. Metadata API in Next.js
  8. Custom 404 Page in Next.js
  9. What are Route Groups?
  10. What are Private Routes?
Section 3: Rendering Paradigms in Next.js
  1. Understanding Different Rendering Paradigms (SSR & CSR)
  2. Static vs Dynamic Rendering
  3. Static Site Generation (SSG)
  4. Incremental Site Regeneration (ISR)
  5. Server Side vs Client Side Components
  6. Hydration Demystified: Bringing Pre-Rendered Pages to Life
  7. Why Hydration Error Comes?
Section 4: Data Fetching and State Management
  1. Data Fetching in the App Router
  2. Fetching Server-Side Data with React Server Components
  3. Managing State with React Hooks and Context
  4. Integrating Third-Party Libraries (Redux)
Section 5: Error Handling in Next.js
  1. Error Handling in with error.js File
  2. How to Recover from Errors Without Hard Reload?
  3. Error Handling in Nested Routes
  4. Handling Client Side Exceptions
  5. Global Error Handling in Next.js
Section 6: Different Ways of Styling in Next.js
  1. Adding Styles In Next.js Apps Using CSS
  2. Using CSS Modules In Next.js
  3. Using SCSS In Next.js
  4. Setting Up Tailwind v4 In Next.js
  5. Setting Up Tailwind v4 In Existing Next.js Project
  6. Image Optimization In Next.js
Section 7: Backend Development with Next.js
  1. Writing Backend Code In Next.js
  2. Creating GET Route Handler In Next.js
  3. Dynamic Route Handler In Next.js
  4. Understanding Request Object In Next.js
  5. Handling POST Request In Next.js
  6. Implementing Edit Todo Functionality
  7. Handling DELETE Request In Next.js
  8. Integrating GET And POST Todo API
  9. Integrating PUT And DELETE Todo API
Section 8: Working with MongoDB in Next.js
  1. Connecting MongoDB in Next.js
  2. Creating Mongoose Model in Next.js
  3. MongoDB CRUD Operations in Next.js: Create and Read
  4. MongoDB CRUD Operations in Next.js: Update and Delete
Section 9: Mastering Authentication in Next.js
  1. Understanding Auth Flow In Next.js
  2. Implementing Register User In Next.js
  3. Working With Cookies In Next.js
  4. Implementing Login User In Next.js
  5. Protecting Todo Endpoints With Reusable Functions In Next.js
  6. Signing Cookies In Next.js
  7. Session Based Authentication in Next.js
  8. Adding User Profile Feature
  9. Implementing Logout Functionality
  10. Hashing Passwords in Next.js
Section 10: Deployment and Production
  1. Preparing Our Next App for Deployment
  2. Managing Environment Variables
  3. Custom Domain Setup for Our Next.js Application
Section 11: Mastering Server Actions in Next.js
  1. What are Server Actions in Next.js?
  2. Using Server Actions in Client Component
  3. Understanding useActionState Hook
  4. Calling Server Action Manually
  5. Form Validation with Zod
  6. Adding Register Feature Using Server Action
  7. Implementing Login Feature Using Server Action
  8. Using Server Actions without Forms
Section 12: Advanced Next.js Features
  1. Understanding Middlewares in Next.js
  2. Rewrite a Request using NextResponse
  3. What is Edge Runtime in Next.js?
  4. Internationalization (i18n) in Next.js
  5. Implementing Google Login with NextAuth.js
Section 13: Industry Level Next.js Project Setup with TypeScript
  1. ESLint Deep Dive with Next.js
  2. Using ESLint as Formatter in Next.js
  3. Prettier Setup in Next.js
  4. Setting Up Lint-Staged in Next.js
  5. Husky Pre-Commit Hook Setup in Next.js
  6. Course Completed