Master Next.js 15 through a comprehensive 5-hour video tutorial that guides you through building a full-stack YC Directory application from scratch. Learn essential concepts including app folder structure, client vs server components, file-based routing with dynamic and nested routes, and special files for pages, layouts, loading states, and error handling. Dive deep into serverless route handlers, metadata optimization for SEO, and multiple data fetching approaches including Server Side Rendering (SSR), Static Site Generation (SSG), Incremental Static Generation (ISR), and Partial Pre-rendering (PPR). Implement authentication using NextAuth, explore server actions, and understand advanced concepts like cache management, parallel and sequential data fetching. Build practical features including a real-time search system, user profiles, startup details pages, and author authentication flow while integrating Sanity for content management and Sentry for performance monitoring. Complete the learning journey by mastering deployment strategies and optimizing your application for production use.
Overview
Syllabus
— Intro
— Next.js Benefits
— Next.js Theory & Practical
— Demo of the App
— Setup new project
— Authentication with NextAuth
— Theming and Fonts
— Hero Section
— Search Form
— All Startups & Startup Card
— Sanity Setup
— Sanity Schema
— Fetching Data and Type Safety
— Cache and Live API w/ Next.js
— Real-time Search w/ URL Query Params
— Understanding Partial Pre-rendering
— Startup Details
— Sanity Write Client
— Author Authentication Flow
— Create Startup Form
— Server Action
— Performance & Bug Tracking in Next.js Apps w/ Sentry
— User Profile
— Final Feature, Parallel Fetching and Deployment
Taught by
JavaScript Mastery
