Next.js: Zero to Full-Stack
Complete Next.js App Router course — foundations, styling, layouts, data fetching, streaming, Server Actions, Auth.js, APIs, SEO, testing, and deploy. Simple English with real-life examples.
Curriculum
42 lessons
Next.js Home, Introduction & Why Learn
Article · 18 min
Next.js vs React
Article · 15 min
Getting Started & First Application
Article · 16 min
Folder Structure & App Router Basics
Article · 15 min
CSS Styling with Tailwind & CSS Modules
Article · 16 min
Install Tailwind CSS & Material UI
Article · 14 min
Optimizing Fonts and Images
Article · 17 min
Dynamic Import & Asset Management
Article · 14 min
Sass, CSS-in-JS & Specificity Tips
Article · 13 min
TypeScript, Environment Variables & src Directory
Article · 16 min
Creating Layouts and Pages
Article · 15 min
Navigating Between Pages with Link
Article · 14 min
Nested Routes & Parallel Ideas
Article · 13 min
Dynamic, Catch-all & Optional Catch-all Routes
Article · 16 min
Redirects, Get Current Route & Linking
Article · 15 min
Middleware, Proxy, NextRequest & NextResponse
Article · 16 min
Routing: Internationalization
Article · 12 min
File Conventions: loading, not-found, template, default, route
Article · 15 min
Setting Up Your Database & Seeding
Article · 16 min
Fetching Data with Server Components
Article · 15 min
Static and Dynamic Rendering (SSG & SSR)
Article · 17 min
Streaming & Loading Skeletons
Article · 14 min
Adding Search and Pagination
Article · 16 min
generateStaticParams & Data Fetching Methods
Article · 15 min
Client-Side Fetching
Article · 13 min
Mutating Data with Server Actions
Article · 18 min
Handling Errors with error.tsx & notFound
Article · 14 min
Improving Accessibility & Server Form Validation
Article · 16 min
Adding Authentication with Auth.js (NextAuth)
Article · 20 min
JWT, Sessions & Security Basics
Article · 16 min
API Routes & Route Handlers
Article · 17 min
Dynamic API Routes & MongoDB Integration
Article · 19 min
Adding Metadata & generateMetadata
Article · 15 min
Performance: Images, Code Splitting, Lazy Loading, Caching
Article · 20 min
SEO: Dynamic Metadata, Sitemap & robots.txt
Article · 16 min
Testing: Jest, Vitest, Cypress & Playwright
Article · 18 min
Practice: Carousel, Video, Forms, Skeleton, Popup, Spinner
Article · 20 min
Practice: Custom Error Page, Fonts, YouTube Embed
Article · 14 min
Configuring: MDX, Draft Mode, Security Headers, ESLint
Article · 17 min
Next.js Components & Fonts Deep Dive
Article · 15 min
Interview Questions & Next.js Projects
Article · 18 min
Deploying, Migration from CRA & Next Steps
Article · 16 min