A production-grade implementation guide for Next.js 15 and 16 focusing on async APIs, caching changes, and Turbopack performance.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install midos-nextjs
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install midos-nextjs using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Next.js App Router Production Patterns?
This skill serves as a technical blueprint for developers utilizing Openclaw Skills to build or upgrade modern web applications. It specifically addresses the architectural shifts introduced in Next.js 15 and 16, such as the transition of request-based APIs like cookies and headers to asynchronous models. By leveraging these patterns, developers can ensure their AI agents produce code that is compatible with React 19 and follows the latest performance standards.
Furthermore, the skill provides deep insights into the new caching defaults where GET Route Handlers and fetch requests are uncached by default. This shift requires explicit configuration, and this Openclaw Skills entry provides the exact syntax for revalidation and dynamic rendering to prevent production data staleness or unexpected behavior.
Next.js App Router Production Patterns Use Cases
- Migrating enterprise applications from Next.js 14 to v15/v16 without breaking request-level logic.
- Implementing high-performance development workflows using the Turbopack engine for rapid HMR.
- Standardizing caching strategies across complex Route Handlers to ensure predictable data delivery.
- Configuring advanced observability through instrumentation.js for production monitoring.
- Transitioning codebase components to support the React 19 compiler and server-side requirements.
How Next.js App Router Production Patterns Works
- The skill identifies legacy synchronous API calls such as cookies() and params and prepares them for asynchronous awaiting.
- It applies caching overrides to Route Handlers to maintain specific performance profiles (static vs dynamic).
- It configures the development environment to utilize the --turbo flag for optimized compilation speeds.
- The logic validates Server and Client Component boundaries to ensure compatibility with React 19 hydration rules.
- It executes automated codemods to refactor large portions of the project structure for the latest Next.js version.
Next.js App Router Production Patterns Setup
To integrate these patterns into your Openclaw Skills workflow, execute the following commands in your project root:
# Upgrade Next.js and React to the latest versions
npx @next/codemod@canary upgrade latest
# Run the automated migration for async request APIs
npx @next/codemod@canary next-async-request-api
# Install core dependencies
npm install next@latest react@latest react-dom@latest
Next.js App Router Production Patterns Data Schema & Taxonomy
The skill organizes Next.js metadata and configuration using the following schema to ensure Openclaw Skills can parse and apply patterns correctly:
| Component | Type | Requirement |
|---|---|---|
| cookies() | Async API | Must be awaited in Server Components and Route Handlers |
| params | Async API | Accessed via Promise awaiting in page/layout props |
| Route Handlers | Caching | Default to uncached; requires export const revalidate = X |
| Turbopack | CLI Flag | Enabled via next dev --turbo for 76%+ faster startup |
| instrumentation | File | instrumentation.js located in the project root for APM setup |
Next.js App Router Production Patterns Advanced Features
- Support for custom staleTimes in next.config.js to fine-tune the client router cache.
- Seamless integration with instrumentation.js for multi-runtime (Node.js/Edge) observability.
- Automated migration paths for params and searchParams in dynamic routes.
- Optimized Turbopack configuration for large-scale monorepo performance within Openclaw Skills.
- Explicit caching control using force-static and force-dynamic directives.
SKILL.md
Loading
Related Openclaw Skills
MidOS MCP
MidOS is a comprehensive knowledge middleware layer that provides AI agents with long-term memory, hybrid search, and multi-step planning capabilities.
Go Language Patterns & Best Practices
A definitive collection of production-ready Go 1.24+ patterns covering concurrency, web services, database access, and testing.
FastAPI Production Patterns
Accelerate backend development with production-ready FastAPI patterns for Pydantic v2, async workflows, and secure deployments.
EvidenceOps: Forensic Media Triage
A professional suite of Openclaw Skills for forensic-grade media triage that ensures data integrity and a verifiable chain of custody for digital evidence.
midos-self-improver
A sophisticated agent learning system that filters, scores, and promotes corrections and patterns into permanent project memory through a quality-gated pipeline.
Rust Systems Programming Patterns
A production-grade collection of Rust patterns for async concurrency, web services, and systems integration using the 2024 edition.
Featured*
