Next.js Development Skill

This skill provides comprehensive guidance for building modern Next.js applications using the App Router, Server Components, data fetching patterns, routing, API routes, middleware, and full-stack development techniques based on official Next.js documentation.

When to Use This Skill

Use this skill when:

• Building full-stack React applications with server-side rendering (SSR)
• Creating static sites with incremental static regeneration (ISR)
• Developing modern web applications with React Server Components
• Building API backends with serverless route handlers
• Implementing SEO-optimized applications with metadata and Open Graph
• Creating production-ready web applications with built-in optimization
• Building e-commerce, blogs, dashboards, or content-driven sites
• Implementing authentication, data fetching, and complex routing patterns
• Optimizing images, fonts, and performance automatically
• Deploying serverless applications with edge computing capabilities

Core Concepts