Next.js in Practice

26 notes match these filters

Clear filters

Next.js in Practice · Part 43Oct 25, 202617 min read
Recipes - Forms, Mutations and Uploads
Fixes for the form, Server Action and upload problems Next.js 16 developers hit most, from a submit button that never shows pending to "Failed to find Server Action" after a deploy, each traced to the line that causes it.
- #forms
- #nextjs
- #nextjs-course
- +2
Next.js in Practice · Part 44Oct 25, 202618 min read
Recipes - Performance, Config and Deployment
Fixes for the performance, configuration and deployment problems Next.js 16 developers hit most, from oversized client bundles and frozen NEXT_PUBLIC_ values to stale caches across pods and "Failed to find Server Action" after a deploy.
Next.js in Practice · Part 42Oct 25, 202617 min read
Recipes - Rendering and Hydration Errors
Fourteen recipes for the rendering errors Next.js 16 developers hit most, from serialization and "use client" mistakes to hydration mismatches, theme flash and prerender bailouts, each traced to the line that throws it.
Next.js in Practice · Part 41Oct 25, 202617 min read
Recipes - Routing and Navigation
Thirteen fixes for the routing problems Next.js 16 developers hit most, from route modals and missing default.js files to active links, URL state, scroll, i18n, protected sections and basePath.
Next.js in Practice · Part 20Oct 25, 202613 min read
Rendering Strategies - A Decision Map
How to choose between SSG, ISR, SSR, PPR, CSR and a full SPA in Next.js 16, and how the build decides on its own whether a route is static, partial or dynamic.
- #csr
- #isr
- #nextjs
- +5
Next.js in Practice · Part 23Oct 25, 202612 min read
PPR - Partial Prerendering with Cache Components
How Partial Prerendering works in Next.js 16 with Cache Components, from detecting dynamic access in the prerender to the postponed state and the resume render, and how to design pages for it.
Next.js in Practice · Part 22Oct 25, 20269 min read
SSR - Rendering Per Request
When and how a Next.js 16 page renders on every request, what the server does for that request, and how per-request rendering differs with and without Cache Components.
Next.js in Practice · Part 21Oct 25, 202611 min read
SSG and ISR - Static Pages and generateStaticParams
Build static pages and keep them fresh in Next.js 16, with generateStaticParams, time-based and on-demand ISR, in both the Cache Components and the legacy model.
Next.js in Practice · Part 28Oct 25, 202615 min read
Client-Only Auth - Tokens in the Browser
Auth handled entirely in the browser against an external API, compatible with output 'export': an AuthProvider, where to keep tokens, refresh-token rotation with a fetch wrapper and TanStack Query, client route guards, OAuth PKCE, cross-tab logout, and how it compares with server-aware auth.
- #auth
- #nextjs
- #nextjs-course
- +5
Next.js in Practice · Part 05Oct 25, 202617 min read
Cache Components - use cache, cacheLife and cacheTag
How the Cache Components model works in Next.js 16, what the compiler turns a 'use cache' function into, how the cache key is built from the function id, arguments, closures and build id, how cacheLife and cacheTag set an entry's lifetime and tags, and how cache handlers, 'use cache: private' and 'use cache: remote' store the result.