OpenSkillIndex← back to search
claude-code

Agent-skills-standard nextjs-tooling

Configure Next.js build tooling, deployment, and developer workflow. Use when setting up Turbopack, standalone Docker output, bundle analysis, CI caching, environment variable validation, or ESLint integration for Next.js projects. (triggers: next.config.js, package.json, Dockerfile, turbopack, output, standalone, lint, telemetry)

install
source · Clone the upstream repo
git clone https://github.com/HoangNguyen0403/agent-skills-standard
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/HoangNguyen0403/agent-skills-standard "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/nextjs/nextjs-tooling" ~/.claude/skills/hoangnguyen0403-agent-skills-standard-nextjs-tooling && rm -rf "$T"
manifest: skills/nextjs/nextjs-tooling/SKILL.md
source content

Next.js Tooling

Priority: P2 (MEDIUM)

Standalone Docker Config

See implementation examples

Environment Variable Validation

See implementation examples

Implementation Guidelines

  • Build: Use Turbopack (
    next dev --turbo
    ) for faster incremental builds; Webpack for legacy.
  • Linting: Mandate 
    next lint
    (eslint-plugin-next) and 
    tsc
    in CI/CD.
  • Bundle Analysis: Inspect with 
    @next/bundle-analyzer
    . Remove unused dependencies.
  • Telemetry: Opt-out via 
    next telemetry disable
    if privacy required.
  • Environment: Server-only vars vs 
    NEXT_PUBLIC_*
    . Validate with Zod at runtime.
  • CI/CD: Cache 
    .next/cache
    in CI for 50%+ faster builds.

Anti-Patterns

  • No 
    npm run start
    for dev    : Use 
    next dev
    (or 
    next dev --turbo
    ).
  • No uninspected bundle growth: Analyze with 
    @next/bundle-analyzer
    before shipping.
  • No custom ESLint rules over plugin: Use 
    eslint-plugin-next
    for Next.js-aware linting.
  • No 
    console.log
    in production    : Use structured loggers (Pino, Winston).

References