界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
部署与运维 · SKILL.md

nextjs-tooling

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.

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

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. metadata: triggers: files: - 'next.config.js' - 'package.json' keywords: - 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 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

我的收藏