skills.rest
ovachiever
ovachieverCOMMUNITY
Explore all skills by this author →
Website𝕏@erikjfritschGitHub

nextjs

Generate Next.js 16 App Router patterns for migration and implementation.

52|6|Updated Nov 24, 2025
Search Tags:#routing#server actions#nextjs#server components#app router
One-click install
npx skills add https://github.com/ovachiever/droid-tings --skill nextjs-ovachiever
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs
Source: https://github.com/ovachiever/droid-tings/tree/main/skills/nextjs
Command: npx skills add https://github.com/ovachiever/droid-tings --skill nextjs-ovachiever

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires next, react, react-dom, and includes references (resource) components.

What problem does it solve?

This Skill consolidates production patterns for Next.js 16 App Router, including server components, server actions, caching, and parallel routes. It helps developers adopt modern Next.js practices and avoid common migration pitfalls.

Core Features & Use Cases

  • App Router fundamentals, server components, and server actions
  • Cache Components with "use cache" and updated caching APIs
  • Route handlers, proxy/middleware migration, and parallel routes
  • Migration guidance for Next.js 15→16
  • Debugging common Next.js 16 errors with templates and references

Use cases include migrating large Next.js apps, implementing advanced routing, and optimizing performance with modern patterns.

Quick Start

Start a new Next.js 16 app, adopt App Router patterns, and scaffold templates for server components, route handlers, and caching strategies.

Frequently Asked Questions about nextjs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate a Next.js 15 app to Next.js 16 App Router?▼

Next.js 16 migration involves adopting App Router patterns, updating server components and actions, and handling breaking changes like new caching APIs (revalidateTag, updateTag). This Skill provides migration guidance, templates, and patterns to navigate these changes systematically.

What's the best way to implement server components and server actions in Next.js 16?▼

Server components and actions in Next.js 16 enable direct database access and secure operations. This Skill covers App Router fundamentals, async route params, and production-ready patterns for both, plus debugging templates for common errors.

How do I set up caching strategies with 'use cache' in Next.js 16?▼

Cache Components with 'use cache' and updated caching APIs (revalidateTag, updateTag, refresh) optimize Next.js 16 performance. This Skill explains the APIs, shows implementation patterns, and addresses cache invalidation across server and client contexts.

Can I use Next.js 16 patterns with Vercel, Cloudflare Workers, AWS, or self-hosted environments?▼

Yes. Next.js 16 App Router patterns work across Vercel, Cloudflare Workers, AWS, and self-hosted deployments. This Skill covers cross-platform routing, route handlers, proxy patterns, and environment-specific configuration for each platform.

How do I implement parallel routes and route groups in Next.js 16?▼

Parallel routes and route groups organize complex app structures in Next.js 16 App Router. This Skill provides routing enhancements, practical templates, and patterns to scaffold these features for scalable production applications.

What breaking changes should I expect when upgrading to Next.js 16?▼

Next.js 16 introduces breaking changes in caching APIs, async params handling (params, searchParams, cookies(), headers()), and Turbopack configuration. This Skill consolidates these changes with troubleshooting references and migration templates.

Related Skills

Explore More Software Engineering Skills→
marchattonmarchatton
5

agentation

Integrate the Agentation toolbar into Next.js App Router or Pages Router projects.

Community
Basic
jerelvelardejerelvelarde
6

nextjs-performance

Audit Next.js app performance across SSR/SSG/ISR, images, fonts, and bundles.

Community
Intermediate
alex-tgkalex-tgk
1

nextjs

Guide developers in implementing Next.js App Router, server components, and routing for React apps.

Community
Advanced
Immanuel-AristotleImmanuel-Aristotle

sveltekit

Build full-stack web apps with SvelteKit file-based routing, SSR, SSG, and API routes.

Community
Intermediate