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 16 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.
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 View Transitions API: React 19 <ViewTransition> in App Router (2026)
Ship route animations with zero JS libraries. Turn on Next.js 16's experimental.viewTransition, wrap elements in React 19's <ViewTransition>, and let the compositor handle shared-element hero morphs on the GPU.
Tailwind CSS v4 with Next.js 16: CSS-First Setup, @theme Tokens, and Design System Migration (2026)
Tailwind CSS v4 with Next.js 16 goes CSS-first: @import 'tailwindcss', delete the config file, and define tokens in @theme. Covers setup, dark mode gotchas, Turbopack HMR fixes for monorepos, and the parts of v3-to-v4 migration the codemod misses.
Migrate from Create React App to Next.js 16: A Practical Migration Playbook (2026)
A practical playbook for migrating Create React App to Next.js 16 in 2-5 days: route conversion, env vars, testing, and the gotchas that break builds.
Pages Router to App Router Migration: A Practical Next.js 16 Playbook
A route-by-route playbook for moving Pages Router to App Router in Next.js 16. Covers data fetching, layouts, API routes, auth, and effort estimates.
Next.js Sentry Integration: Error Tracking, Source Maps, and Server Component Capture (2026)
Adding Sentry to a Next.js app takes one command. Here is how to capture Server Component errors, upload source maps with Turbopack, and bypass ad blockers in Next.js 16.
Next.js Turbopack: Complete Guide to the Default Bundler in Next.js 16 (2026)
Turbopack is Next.js 16's default Rust bundler. Learn migration steps, config patterns, benchmarks vs Webpack, and how to fix the most common build errors.