#nextjs

26 notes match these filters

Clear filters

Next.js in Practice · Part 00Oct 25, 20263 min read
Next.js in Practice: from request to pixels
Map of the Next.js in Practice course, with a one-line summary of every part and a diagram of how a request flows through Next.js 16.4.3.
Next.js in Practice · Part 03Oct 25, 202613 min read
Linking, Navigation and Prefetching
What happens between a click on a Next.js Link and the new page on screen, how the segment cache prefetches and reuses route data, and when to use useRouter, useLinkStatus, scroll control or redirect in Next.js 16.4.3.
- #link
- #navigation
- #nextjs
- +3
Next.js in Practice · Part 04Oct 25, 202612 min read
Data Fetching and Streaming
How Server Components fetch data in Next.js 16, why params, searchParams, cookies() and headers() are promises, how fetch is deduplicated per request, how loading.tsx and Suspense stream the page, and how to avoid waterfalls and hand promises to Client Components with use().
Next.js in Practice · Part 07Oct 25, 202615 min read
Server Actions and Forms
How 'use server' functions become Server Actions in Next.js 16, from action IDs and encrypted closures in the compiler, through the client dispatch queue and the POST request, to the origin check, body limit and single-roundtrip re-render in action-handler.ts, plus forms with useActionState, useFormStatus, useOptimistic and next/form.
- #forms
- #mutations
- #nextjs
- +3
Next.js in Practice · Part 02Oct 25, 202611 min read
Server and Client Components
What 'use client' compiles to, why a Client Component still renders on the server, how the bundler splits one app into server, SSR and browser layers, and which props can cross the boundary in Next.js 16.4.3.
Next.js in Practice · Part 06Oct 25, 202612 min read
Revalidation - Tags, Paths and Refresh
How cached data gets fresh again in Next.js 16, covering time-based revalidation with cacheLife, revalidateTag with a profile, updateTag for read-your-own-writes, revalidatePath and its implicit path tags, refresh, and how an invalidation travels from a Server Action through the cache handlers to the client router.
Next.js in Practice · Part 11Oct 25, 202618 min read
Configuration, Turbopack and Deployment
How Next.js 16 loads next.config.ts, which options left experimental, how .env files and NEXT_PUBLIC_ inlining really work, why Turbopack is now the default bundler, and how to ship the result with output standalone, Docker, shared cache handlers, deploymentId and the Deployment Adapter API.
Next.js in Practice · Part 09Oct 25, 202618 min read
Metadata, Images, Fonts and Scripts
How Next.js 16 resolves metadata across segments and streams it, turns metadata files into route handlers, optimizes images on demand, self-hosts fonts at build time, and orders third-party scripts.
- #fonts
- #images
- #metadata
- +5
Next.js in Practice · Part 24Oct 25, 202613 min read
CSR - Client-Rendered Islands
How to render parts of an App Router page only in the browser, from fetch-on-mount and client data libraries to next/dynamic with ssr false and React's browser() bailout, and how Next.js 16.4.3 implements each one.
Next.js in Practice · Part 25Oct 25, 202613 min read
Fully Client-Side - SPA and Static Export
How output 'export' turns a Next.js 16.4.3 App Router app into static files, what the exporter checks and refuses, how client navigation works without a server, and how to build a true single-page app shell on top of it.