nextjs-16-complete-guide
Next.js 16 Complete Guide
Purpose
Comprehensive reference for Next.js 16's revolutionary features: Cache Components with "use cache", stable Turbopack as default bundler, proxy.ts architecture, DevTools MCP integration, and React Compiler support.
When to Use
- Starting new Next.js projects (use 16 from day one)
- Migrating from Next.js 15 to 16
- Understanding Cache Components and Partial Pre-Rendering (PPR)
- Configuring Turbopack for optimal performance
- Migrating middleware.ts to proxy.ts
- Leveraging AI-assisted debugging with DevTools MCP
- Setting up React Compiler for automatic memoization
What Changed: Next.js 15 → 16
The Big Picture
Next.js 15 was transition phase - async APIs, experimental Turbopack, changing cache defaults. Next.js 16 is the payoff - everything becomes stable, fast, and production-ready.
More from fernandofuc/nextjs-claude-setup
supabase-auth-memory
Standardize authentication and persistent memory storage using Supabase PostgreSQL. Use when building SaaS apps that need user auth, cross-device sync, and conversation history.
17agent-builder-vercel-sdk
Build conversational AI agents using Vercel AI SDK + OpenRouter. Use when creating Next.js frontends with streaming UI, tool calling, and multi-provider support.
17replicate-integration
Integrate Replicate API for AI model deployment. Use when generating images with Flux, SDXL, or custom LoRA models via Replicate.
16nano-banana-image-combine
Combine multiple images using Gemini 2.5 Flash (Nano Banana) via OpenRouter. Use when merging 2-8 images with AI-guided composition.
14skill-creator
Guide for creating custom skills in SaaS Factory. Use when you need to create a new skill to extend Claude's capabilities with specialized knowledge, workflows, or tools.
12agent-builder-pydantic-ai
Build conversational AI agents using Pydantic AI + OpenRouter. Use when creating type-safe Python agents with tool calling, validation, and streaming.
11