> nextjs-tooling
Ecosystem optimization, deployment, and developer flow. Use when configuring Next.js build optimization, deployment settings, or developer tooling. (triggers: next.config.js, package.json, Dockerfile, turbopack, output, standalone, lint, telemetry)
curl "https://skillshub.wtf/HoangNguyen0403/agent-skills-standard/nextjs-tooling?format=md"Next.js Tooling
Priority: P2 (MEDIUM)
Structure
project/
├── .next/ # Build artifacts
├── next.config.js # Advanced config
└── .eslintrc.json # Next plugins
Implementation Guidelines
- Turbopack: Enable
--turbofor development speed improvements. - Standalone Build: Use
output: 'standalone'for Docker optimization. - CI Linting: Run
next lintandtscon every pull request. - Telemetry: Opt-out of global tracking for privacy (
next telemetry disable). - Caching: Configure CI to cache
.next/cachefor faster builds. - Deployment: Prefer Vercel for automation or Docker for self-hosting.
Anti-Patterns
- Legacy Dev: No npm run start for dev: Use
next dev. - Large Bundles: No missing source-maps: Analyze via
@next/bundle-analyzer. - Missing Plugins: No custom lint rules: Use
eslint-plugin-next. - Production Logs: No console.log in prod: Use structured loggers.
References
> related_skills --same-repo
> typescript-tooling
Development tools, linting, and build config for TypeScript. Use when configuring ESLint, Prettier, Jest, Vitest, tsconfig, or any TS build tooling. (triggers: tsconfig.json, .eslintrc.*, jest.config.*, package.json, eslint, prettier, jest, vitest, build, compile, lint)
> typescript-security
Secure coding practices for TypeScript. Use when validating input, handling auth tokens, sanitizing data, or managing secrets and sensitive configuration. (triggers: **/*.ts, **/*.tsx, validate, sanitize, xss, injection, auth, password, secret, token)
> typescript-language
Modern TypeScript standards for type safety and maintainability. Use when working with types, interfaces, generics, enums, unions, or tsconfig settings. (triggers: **/*.ts, **/*.tsx, tsconfig.json, type, interface, generic, enum, union, intersection, readonly, const, namespace)
> typescript-best-practices
Idiomatic TypeScript patterns for clean, maintainable code. Use when writing or refactoring TypeScript classes, functions, modules, or async logic. (triggers: **/*.ts, **/*.tsx, class, function, module, import, export, async, promise)