LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

nextjs-app-router - Next.js 15 App Router Patterns

Implements Next.js 15 App Router features including server components, client components, server actions, and data fetching

Tags

Updated: 2026-03-22

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • implement server components
  • implement client components
  • implement server actions
  • fetch data
  • cache data
  • revalidate data
  • create layouts
  • create routes
  • create loading UI
  • create error boundaries
  • define metadata
  • create API handlers
  • configure middleware

Inputs

  • file system
  • database
  • external API
  • form data
  • request data
  • cache configuration
  • route matcher
  • authentication token

Outputs

  • Server Components
  • Client Components
  • Server Actions
  • cached responses
  • revalidated paths
  • layout files
  • route files
  • loading components
  • error boundaries
  • metadata objects
  • API responses
  • redirected routes

Requirements

  • Next.js 15
  • React 18+
  • file system access
  • database connection
  • API endpoints

Source

  • Spec: SKILL.md
Next.js
App Router
Server Components
Client Components
Server Actions
Data Fetching
Caching
Routing
Layouts
API Routes
Middleware
React
implement server components
implement client components
implement server actions
fetch data
file system
database
external API
Server Components
Client Components
Server Actions