E-Tutorial
Sign In Get Started
Tutorials Courses Interview Prep (100 Q&A) AI Tools (50) Developer Tools (50) Tracks Pricing Plans Blog & Articles Contact Us
Home / Courses / Next.js / Next.js 15 App Router & Server Components Masterclass
Next.js Intermediate Free Course

Next.js 15 App Router & Server Components Masterclass

Master Next.js 15: App Router architecture, React Server Components, Server Actions mutations, and ISR caching.

24 hours 59 Lessons Certificate (Pass Score: 75%)
Start Course Free

What's Included

  • Full step-by-step interactive reader
  • Practice exercises with solutions
  • Quizzes & Knowledge Assessments
  • Verifiable Digital PDF Certificate
A

Alex Morgan (Senior Engineer)

Lead Instructor

Curriculum & Chapters

Next.js 15 App Router & Directory Anatomy (app/)
16 mins Free
React Server Components (RSC) vs Client Components
18 mins Free
Server Actions & Form Mutations without API Endpoints
20 mins Free
Dynamic Routes & Route Handlers (app/api/)
16 mins Free
Caching, Revalidation & Incremental Static Regeneration (ISR)
16 mins Free
Next.js 15 Overview, App Router Paradigm & Scaffolding
15 mins Free
App Directory Structure (app/) & Special File Conventions
15 mins Free
Root Layout (app/layout.tsx) & Page Components (app/page.tsx)
15 mins Free
Nested Layouts & Shared Component Hierarchies
15 mins Free
Instant Loading UI with app/loading.tsx and React Suspense
15 mins Free
Granular Error Boundaries with app/error.tsx & global-error.tsx
15 mins Free
Not Found Views with app/not-found.tsx and notFound() Function
15 mins Free
Authentication in Next.js 15 with Auth.js (NextAuth v5)
22 mins Free
Database Integration with Prisma ORM in Next.js 15
20 mins Free
Streaming & Partial Prerendering (PPR) in Next.js 15
20 mins Free
Next.js Dynamic OpenGraph Image Generation (@vercel/og)
16 mins Free
Production Docker Multi-Stage Builds for Next.js 15
20 mins Free
The React Server Components (RSC) Architecture in Next.js
15 mins Free
Client Components: When to Use the "use client" Directive
15 mins Free
Composition Patterns: Passing Server Components into Client Components
15 mins Free
Passing Props Across the Server-Client Boundary (Serialization Rules)
15 mins Free
Using Server-Only and Client-Only Boundary Packages (server-only)
15 mins Free
Third-Party Component Integration with "use client" Wrappers
15 mins Free
Optimizing Client JavaScript Bundle Size in Next.js 15
15 mins Free
Dynamic Route Segments (app/courses/[slug]/page.tsx)
15 mins Free
Catch-All Dynamic Routes ([...slug]) & Optional Catch-All ([[...slug]])
15 mins Free
Generating Static Params with generateStaticParams() for SSG
15 mins Free
Reading Search Params and Query Strings in Server vs Client
15 mins Free
Parallel Routes with Named Slots (app/@analytics/page.tsx)
15 mins Free
Intercepting Routes (app/(.)photos/[id]) for Modal Overlays
15 mins Free
Route Groups (app/(marketing)/, app/(dashboard)/) for Organization
15 mins Free
Introduction to Server Actions ("use server" Directive)
15 mins Free
Calling Server Actions from HTML Forms (<form action={...}>)
15 mins Free
Managing Action State with useActionState Hook in Next.js 15
15 mins Free
Optimistic UI Updates with useOptimistic Hook in Server Actions
15 mins Free
Validating Server Action Inputs with Zod Schema Validation
15 mins Free
Cache Revalidation: revalidatePath() and revalidateTag()
15 mins Free
Redirecting in Server Actions with redirect()
15 mins Free
The Next.js 15 Caching Architecture (Request Memoization, Data Cache)
15 mins Free
Time-Based Data Revalidation with fetch(url, { next: { revalidate: 3600 } })
15 mins Free
On-Demand Tag Revalidation with { next: { tags: ["courses"] } }
15 mins Free
Static Rendering vs Dynamic Rendering (connection(), headers(), cookies())
15 mins Free
Streaming Server-Side Rendering (SSR) with React Suspense
15 mins Free
Partial Prerendering (PPR) in Next.js 15 (Static Shell + Dynamic Holes)
15 mins Free
Route Segment Config Options (dynamic, revalidate, runtime)
15 mins Free
Route Handlers (app/api/courses/route.ts) with GET, POST, PUT, DELETE
15 mins Free
NextResponse Helpers (NextResponse.json(), cookies, headers)
15 mins Free
Middleware (middleware.ts): Edge Routing, Cookie Inspection & Rewrites
15 mins Free
Authentication with Auth.js v5 (NextAuth.js): OAuth & Credentials
15 mins Free
Session Management & Protecting Server Actions / Routes in Auth.js
15 mins Free
Database Integration: Prisma ORM with PostgreSQL in Next.js
15 mins Free
Connecting to Neon / Supabase Serverless Databases
15 mins Free
Metadata API: Static & Dynamic generateMetadata() for SEO
15 mins Free
Dynamic Social OpenGraph Card Generation with @vercel/og
15 mins Free
Next.js Image Component (next/image) for WebP, AVIF & Lazy Loading
15 mins Free
Next.js Font Optimization (next/font/google, next/font/local)
15 mins Free
Unit & Integration Testing Next.js Apps with Vitest & RTL
15 mins Free
Production Docker Multi-Stage Standalone Builds
15 mins Free
Deploying to Vercel, AWS ECS, and Self-Hosted Node Servers
15 mins Free

Assessments & Quizzes

Next.js 15 Assessment Quiz

1 Questions • Passing Score: 70%

Required for Certificate