Agent skill

next

Next.js framework patterns and best practices for fullstack React applications. Routing, SSR/SSG, API routes, middleware, deployment. Trigger: When building with Next.js, configuring SSR/SSG, or deploying Next.js apps.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/next

SKILL.md

Next.js Skill

When to Use

  • Building React apps with SSR/SSG
  • Implementing API routes or middleware
  • Deploying fullstack React projects

Critical Patterns

  • Use file-based routing and dynamic routes
  • Prefer server components for data fetching
  • Leverage middleware for auth and rewrites

Decision Tree

  • SSR/SSG needed? → Use getServerSideProps/getStaticProps
  • API needed? → Use /pages/api or app/api
  • Custom routing? → Use dynamic routes

Edge Cases

  • Incremental static regeneration
  • Middleware edge limitations
  • API route cold starts

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results