Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Next.js 16 Full Course - Build and Deploy a Production-Ready Full Stack App

JavaScript Mastery via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Master Next.js 16, the latest version of the official React framework, through this comprehensive 4-hour course that teaches you to build powerful, full-stack applications using cutting-edge caching and performance features. Begin with fundamental concepts including installation, project structure, and the App Router, then dive deep into React Client and Server Components, routing mechanisms, data fetching strategies, API routes, and advanced caching techniques. Learn to implement build adapters API and metadata management before transitioning from theory to practical application. Build a complete Dev Event Platform where users can browse, create, and manage events, starting with project setup and homepage development. Integrate essential tools including PostHog for analytics, MongoDB for database management, and Warp for terminal enhancement. Develop database models and connections, implement API routes with image upload functionality, and create dynamic event details pages. Master server actions, advanced caching strategies, and user tracking with PostHog booking actions. Complete the development cycle by deploying your production-ready application. Throughout the course, utilize modern development tools including WebStorm, Junie AI, CodeRabbit, and Cloudinary to enhance your workflow and code quality.

Syllabus

00:00:00 — Introduction
00:04:09 — Crash Course Intro
00:08:30 — Installation
00:11:45 — Project Structure
00:14:19 — App Router
00:17:16 — React Client & Server Components
00:23:40 — Routing
00:42:42 — Data Fetching
00:48:53 — API Routes
00:52:45 — Caching
00:56:05 — Build Adapters API
00:57:24 — Metadata
01:01:23 — Theory to Practice
01:02:48 — Project Setup
01:18:01 — Homepage
01:41:35 — PostHog Setup
01:50:21 — MongoDB Setup
01:52:57 — Warp Setup
01:56:46 — Database Models & Connection
02:09:36 — CodeRabbit
02:16:11 — API Routes
02:27:03 — Image Upload
02:37:51 — Fetch API Routes
02:54:47 — Event Details Page
03:14:34 — Server Actions
03:28:05 — Caching
03:39:46 — PostHog: Booking Action & Tracking
03:54:05 — Deployment
03:58:15 — Outro

Taught by

JavaScript Mastery

Reviews

Start your review of Next.js 16 Full Course - Build and Deploy a Production-Ready Full Stack App

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.