Installing and Bootstrapping a Next.js Project – Quick Start with TypeScript, Tailwind, and App Router

Project Structure and Organization in Next.js – Routing, Layouts, and File Conventions

Organizing Routes and Files in Next.js – Private Folders, Route Groups, and Project Structure

Layouts and Pages in Next.js – Dynamic Routes, Nested Layouts, and Linking Between Pages

Linking and Navigating in Next.js – Server Rendering, Prefetching, Streaming, and Fast Transitions

Client-side Transitions in Next.js – Optimizing Navigation with Prefetching, Loading States, and History API

Server and Client Components in Next.js – Rendering, Data Flow, and Bundle Optimization

Cache Components in Next.js – Partial Prerendering, Streaming, and Fine-Grained Caching

Enabling Cache Components in Next.js – Migrating from Legacy Config and Controlling Dynamic Rendering

Fetching Data in Next.js – Server Components, Client Components, Streaming, and Smart Caching

Creating Meaningful Loading States in Next.js – Streaming, Preloading, and Parallel Data Fetching

Updating Data in Next.js – Server Functions, Actions, and UI Revalidation