0 views
Read
#0
Learning Next.js - Pre-Requisites Skill & Setup Environment
Before touching Next.js, you need to master HTML, CSS, modern JavaScript, and the basics of React. This episode also guides you through setting up Node.js, an editor, and the development tooling required for the entire series.
August 10, 2026
00
Read
#1
Learning Next.js - History, Background & Why You Need Next.js
This episode traces the history of Next.js from its birth as a React SSR framework, its evolution from Next.js 9 to 15, Vercel's contribution, to the problems it solves for performance, SEO, and developer experience compared to traditional approaches.
August 10, 2026
00
Read
#2
Learning Next.js - Core Concepts & Main Architecture
This episode dissects how Next.js works behind the scenes: the four rendering modes, the difference between the App Router and Pages Router, the segment concept, the build pipeline, bundling and compilation, and the roles of the server runtime and the Edge runtime in the overall architecture.
August 10, 2026
00
Read
#3
Learning Next.js - Starting a Next.js Project
This episode guides you through creating your first Next.js project with create-next-app, understanding the basic folder structure, running the development server with hot reload, and setting up TypeScript, ESLint, and lint-staged for code quality from the start.
August 10, 2026
00
Read
#4
Learning Next.js - Routing & Navigation
This episode digs into routing in the App Router: page and layout files, dynamic routes, catch-all routes, optional catch-all, the Link component and useRouter for navigation, and the metadata API for SEO and page descriptions.
August 10, 2026
00
Read
#5
Learning Next.js - Components & Layouts
This episode covers reusable functional components, layouts and nested layouts, templates, shared layouts for dynamic segments, loading UI with Suspense, and styling with CSS modules, Tailwind CSS, and styled-components.
August 10, 2026
00
Read
#6
Learning Next.js - Data Fetching & API Routes
This episode dissects data fetching in the App Router: server-side fetch with async server components, static generation using generateStaticParams, Incremental Static Regeneration with revalidate, and route handlers for building a backend API.
August 10, 2026
00
Read
#7
Learning Next.js - State Management & Hooks
This episode covers local state and React hooks in Next.js, the use client directive and server-client boundaries, shared state with Context API, Zustand, and TanStack Query, and the lifecycle differences between client components and server components.
August 10, 2026
00
Read
#8
Learning Next.js - Configuration & Environment
This episode dissects the next.config.mjs configuration, managing environment variables and secrets with .env files, image optimization and asset handling, and performance and build optimization best practices for a production-ready application.
August 10, 2026
00
Read
#9
Learning Next.js - Images & Media Optimization
This episode covers the next/image component and image optimization, static assets in the public folder, handling video and audio with lazy loading, and best practices for responsive images and overall web performance.
August 10, 2026
00