Agent-Skills.md

Agent Skills: Next.js 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)

UncategorizedID: hoangnguyen0403/agent-skills-standard/nextjs-tooling

Repository

hoangnguyen0403/agent-skills-standard
HoangNguyen0403License: Apache-2.0
362103

Install this agent skill to your local

pnpm dlx add-skill https://github.com/HoangNguyen0403/agent-skills-standard/tree/HEAD/skills/nextjs/nextjs-tooling

Skill Files

Browse the full folder contents for nextjs-tooling.

Download Skill

Loading file tree…

skills/nextjs/nextjs-tooling/SKILL.md

Skill Metadata

Name
nextjs-tooling
Description
"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)"

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 is 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