# 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.

- Skill: `majiayu000/next-3` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/next-3`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/next-3/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/next-3

---


# 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