React
Build a Blog with Next.js #5: SEO and Deployment (Wrap-up)
Optimize for search engines with the metadata API, build sitemap and RSS, and deploy to Vercel. Wrap up with a retrospective across the series and the 31 React posts in total.
Build a Blog with Next.js #4: Comments (Server Actions)
Let users comment on each post. Handle form submission and validation with Server Actions, polish UX with useActionState, and apply the patterns to a real build.
Build a Blog with Next.js #3: Tags and Search
Add a per-tag post list page and a search feature driven by URL query parameters. Two dynamic-route patterns (generateStaticParams vs searchParams) appear together.
Build a Blog with Next.js #2: Post List and Detail Page
Read MDX files directly with fs in a Server Component, compile the body in a dynamic route, and render it on the screen — the core flow.
Build a Blog with Next.js #1: Getting Started and Design
Apply Server Components and Server Actions from the Modern React series to a real project. The first post covers requirements, data model, folder structure, and MDX setup.
Modern React + Next.js #6 Server Actions and Forms (Wrap-up)
Use Server Actions to handle form submission and server-data mutation simply, polish the UX with useActionState/useFormStatus, and reflect on the series.
Modern React + Next.js #5 Loading with Suspense and use()
Streaming that shows parts as they become ready, Suspense boundaries, loading.js, and the newly stabilized use() hook.
Modern React + Next.js #4 Data Fetching and Caching
Fetching data directly in Server Components with async/await, plus how Next.js caches and revalidates.
Modern React + Next.js #3 Server Components vs Client Components
How the two component types differ, how the 'use client' directive draws the boundary, and how to mix them effectively.
Modern React + Next.js #2 Getting Started with Next.js and the App Router
Create a Next.js project and get hands-on with the App Router — file-based routing, the layout system, and nested layouts.
Modern React + Next.js #1: Why Next.js and Server Components
The limits of client-side React, the problems Server Components solve, and the differences between CSR, SSR, and RSC.
Build a Todo App with React #5: Persistence and Wrap-up
Persist data with localStorage so it survives a refresh, then wrap up with a series retrospective and pointers to next steps.