nuqs with Next.js 16: Type-Safe URL State Management for App Router (2026)
Set up nuqs 2.x in Next.js 16 for type-safe URL state. Parsers, useQueryState, Server Component cache, and a real debounced product search example.
All Articles
Deploy Next.js 16 to Cloudflare Workers with OpenNext: The 2026 Migration Playbook
Ship Next.js 16 on Cloudflare Workers with the @opennextjs/cloudflare adapter. Bindings, KV cache, images, Postgres pooling, and honest cost math vs Vercel.
Next.js Preload Pattern with React cache() (2026 Guide)
The Next.js preload pattern uses React cache() and a void preload() helper to eliminate server component fetch waterfalls. Learn the DAL setup, Suspense streaming, and ORM memoization tricks that shave 300-900ms off real routes.
Vercel Flags SDK with Next.js 16: Feature Flags, A/B Testing, and Rollout Patterns (2026)
Server-side feature flags in Next.js 16 without client bundles or flash-of-wrong-variant. Walk through install, Edge Config storage, precomputation for static routes, percentage rollouts, kill switches, and how the SDK compares to LaunchDarkly, Statsig, and GrowthBook.
Better Auth with Next.js 16: Email/Password, Social Login, and Session Middleware (2026)
Learn how to install Better Auth in Next.js 16, wire up Drizzle or Prisma, add email/password plus Google and GitHub social login, and lock down routes with proxy.ts and Server Action session checks.
TanStack Query with Next.js App Router: Server Prefetching, Hydration, and Mutations (2026)
Prefetch on the server, hydrate on the client. A 2026 guide to using TanStack Query v5 with the Next.js 16 App Router: HydrationBoundary, streaming, Server Actions, and the common hydration errors that break RSC setups.
Migrate Gatsby to Next.js 16: The Complete App Router Playbook with Effort Estimates (2026)
Real effort estimates and a phase-by-phase playbook for migrating from Gatsby to Next.js 16 App Router: GraphQL to Server Components, plugin mapping, dynamic routes, redirects, and deployment.
Next.js Web Vitals Monitoring with useReportWebVitals: LCP, INP, CLS, and Real User Data (2026)
How to wire up useReportWebVitals in the Next.js App Router, ship LCP, INP, and CLS from real users to any analytics endpoint, and debug the metrics that hurt Search rankings, with working code.
Next.js 16 MDX Guide: @next/mdx, Frontmatter, and Custom Components in App Router (2026)
Set up MDX in Next.js 16 App Router the right way: install @next/mdx, register mdx-components.tsx, add Shiki highlighting with rehype-pretty-code, and know when to switch to next-mdx-remote/rsc for CMS-driven content.
Next.js searchParams: Async Access, Type-Safe Parsing, and Server Component Patterns (2026)
searchParams became a Promise in Next.js 15. Learn how to await it in Server Components, parse safely with Zod, use nuqs for URL state, and keep pages statically prerendered with PPR.
shadcn/ui with Next.js 16: CLI Setup, Theming, and the Component Registry (2026)
Install shadcn/ui in Next.js 16 with the CLI, configure Tailwind v4 OKLCH theming, wire up dark mode with next-themes, and set up a private component registry for teams.
Next.js vs React Router 7 (Remix): 2026 Full-Stack Framework Comparison and Migration Guide
Next.js 16 vs React Router 7 (Remix) in 2026: rendering, deployment, DX, TypeScript, and a 6-10 day migration playbook from a senior engineer who has done it four times.