# next

> Fullstack React with SSR/SSG and API routes. Trigger: When building with Next.js, configuring SSR/SSG, or deploying.

- Author: Joab Gonzalez
- Repository: joabgonzalez/ai-agents-skills
- Version: 20260206013053
- Stars: 2
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/joabgonzalez/ai-agents-skills
- Web: https://mule.run/skillshub/@@joabgonzalez/ai-agents-skills~next:20260206013053

---

---
name: next
description: "Fullstack React with SSR/SSG and API routes. Trigger: When building with Next.js, configuring SSR/SSG, or deploying."
compatibility: "fullstack"
license: "Apache 2.0"
metadata:
  version: "1.0"
  skills:
    - conventions
    - react
    - typescript
    - architecture-patterns
    - humanizer
  dependencies:
    next: ">=13.0.0 <15.0.0"
    react: ">=18.0.0 <19.0.0"
  allowed-tools:
    - documentation-reader
    - web-search
---

# 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