AI SummaryA Next.js skill booster that teaches fullstack React patterns including routing, SSR/SSG, API routes, and deployment best practices. Ideal for developers building server-rendered React applications or configuring Next.js projects for production.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to install the "next" skill in my project. Please run this command in my terminal: # Install skill into your project (2 files) mkdir -p .claude/skills/next && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/next/SKILL.md "https://raw.githubusercontent.com/majiayu000/claude-skill-registry/main/skills/other/next/SKILL.md" && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/next/metadata.json "https://raw.githubusercontent.com/majiayu000/claude-skill-registry/main/skills/other/next/metadata.json" Then restart Claude Code (or reload the window in Cursor) so the skill is picked up.
Description
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.
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
Users who saved this also saved
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster