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.
App Router Articles
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 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 WebSockets in App Router: Socket.IO, Custom Servers, and Deployment (2026)
How to add WebSockets to a Next.js App Router app in 2026: Socket.IO with a custom server, Vercel's native beta, managed services like Ably and Pusher, plus the client-side gotchas around 'use client', useEffect, hydration, and route-change persistence.
Type-Safe Environment Variables in Next.js with @t3-oss/env-nextjs and Zod (2026)
Stop shipping empty API keys. Validate Next.js env vars at build time with @t3-oss/env-nextjs and Zod 4: server/client split, Turbopack, and Docker deployments.
Next.js Content Security Policy: Nonces, Middleware, and Strict CSP (2026)
Learn how to add a strict Content Security Policy to your Next.js App Router app: per-request nonces in middleware, strict-dynamic, style-src pitfalls, and report-only rollout.
Next.js Bundle Analyzer: Reduce JavaScript Bundle Size in App Router (2026)
Find the heavy chunks in your Next.js app, then cut First Load JS by 30 to 60 percent. Install @next/bundle-analyzer, read the treemap, then use next/dynamic, Server Components, and optimizePackageImports to ship under 130 KB per route in Next.js 16.
Next.js generateStaticParams: Dynamic Routes, ISR, and Static Generation (2026)
How to use Next.js generateStaticParams for dynamic routes, ISR, dynamicParams, and Partial Prerendering in Next.js 15 and 16, with copy-pasteable examples.
Next.js Optimistic UI with useOptimistic, useActionState, and useFormStatus (2026)
Build instant-feeling forms and lists in Next.js with useOptimistic, useActionState, and useFormStatus. Production patterns, type-safe rollback, and real Server Action examples.
Next.js Image Optimization with next/image: AVIF, Remote Patterns, and Core Web Vitals (2026)
How to use next/image in Next.js 16 to ship AVIF/WebP, configure remotePatterns safely, add blur placeholders for remote images, and lock down LCP for Core Web Vitals.