Agent-Skills.md

Agent Skills: Next.js Development — Complete Guide

Next.js App Router開発ガイド。Server Components、ルーティング、データフェッチング、キャッシング、デプロイなど、Next.js開発のベストプラクティス。

UncategorizedID: Gaku52/claude-code-skills/nextjs-development

Repository

Gaku52/claude-code-skills
Gaku52License: MIT
4

Install this agent skill to your local

pnpm dlx add-skill https://github.com/Gaku52/claude-code-skills/tree/HEAD/04-web-and-network/nextjs-development

Skill Files

Browse the full folder contents for nextjs-development.

Download Skill

Loading file tree…

04-web-and-network/nextjs-development/SKILL.md

日本語版

Next.js Development — Complete Guide

Master Next.js App Router: Server Components, data fetching strategies, caching, and performance optimization for modern web applications.

Contents

| # | Guide | Description | |---|-------|-------------| | 1 | Server Components vs Client Components | Understand when and how to use Server vs Client Components | | 2 | Data Fetching Strategies | fetch API, Prisma integration, parallel/serial fetching, Server Actions | | 3 | Caching & Revalidation | Four cache layers, time-based and on-demand revalidation, tag-based strategies |

When to Use

  • Building full-stack web applications with React
  • Need server-side rendering (SSR), static generation (SSG), or incremental static regeneration (ISR)
  • Optimizing data fetching performance
  • Integrating with databases (Prisma, Drizzle) or external APIs

Related Skills