Skip to main content
Intermediate Web Development 30 hours Featured

Next.js 15 Full-Stack Development: React Server Components & Beyond

Build production-ready full-stack applications with Next.js 15, React Server Components, Server Actions, and modern deployment strategies

7 Chapters
28 Lessons
534 min total
Free

Next.js 15 is the most powerful version of the React framework for production, introducing stable React Server Components, enhanced Server Actions, Partial Prerendering, and a dramatically improved caching model. This co...

What you'll learn

  • Next.js 15 Foundations
  • App Router, Layouts, and Navigation
  • Data Fetching and Server Components
  • Server Actions and Forms
  • Authentication and Middleware
  • Database Integration with Prisma

+ 1 more chapters below

Engr Mejba Ahmed

Engr. Mejba Ahmed

Course Instructor

About This Course

Next.js 15 is the most powerful version of the React framework for production, introducing stable React Server Components, enhanced Server Actions, Partial Prerendering, and a dramatically improved caching model. This course takes you from the fundamentals of the App Router all the way to deploying optimized, full-stack applications on Vercel and beyond.

You will master the paradigm shift from client-side to server-first rendering, learn to colocate your data fetching with your UI components, build type-safe forms with Server Actions, implement authentication with Auth.js, and integrate a database layer using Prisma. Every lesson uses real TypeScript and JSX examples that reflect how professional teams build with Next.js today.

Whether you are migrating from the Pages Router, coming from another React framework, or starting your first full-stack project, this course provides a complete, structured path to shipping fast, scalable Next.js 15 applications.

Course Curriculum

7 chapters 28 lessons 534 min

1 lesson available for free preview

2 Project Setup and Configuration
18min
3 File-Based Routing in the App Router
20min
4 Understanding the Next.js Project Structure
14min
1 App Router vs Pages Router
16min
2 Nested Layouts and Shared UI
20min
3 Loading, Error, and Not-Found States
18min
4 Navigation with Link, useRouter, and redirect
15min
1 React Server Components Explained
22min
2 Async Components and the Fetch API
20min
3 Caching Strategies in Next.js 15
24min
4 Static Generation and Incremental Static Regeneration
20min
1 Introduction to Server Actions
20min
2 Form Handling with useActionState
22min
3 useFormStatus and Pending UI
15min
4 Optimistic Updates with useOptimistic
18min
1 Authentication with Auth.js (NextAuth.js)
26min
2 Protecting Routes with Middleware
18min
3 Session Management and Protecting Actions
16min
4 Role-Based Access Control Patterns
16min
1 Prisma Setup and Schema Definition
22min
2 CRUD Operations with Prisma
24min
3 Prisma Relations and Advanced Queries
22min
4 Database Seeding and Schema Migrations
16min
1 Deploying to Vercel
20min
2 Image and Font Optimization
18min
3 Metadata API and SEO
16min
4 ISR, Partial Prerendering, and Core Web Vitals
22min