Agent skill

Next.js Tooling

Ecosystem optimization, deployment, and developer flow.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/tooling-hoangnguyen0403-agent-skills-standar-5

Metadata

Additional technical details for this skill

labels
nextjs turbopack deployment ci vercel
triggers
{
    "files": [
        "next.config.js",
        "package.json",
        "Dockerfile"
    ],
    "keywords": [
        "turbopack",
        "output",
        "standalone",
        "lint",
        "telemetry"
    ]
}

SKILL.md

Next.js Tooling

Priority: P2 (MEDIUM)

Structure

text
project/
├── .next/              # Build artifacts
├── next.config.js      # Advanced config
└── .eslintrc.json      # Next plugins

Implementation Guidelines

  • Turbopack: Enable --turbo for development speed improvements.
  • Standalone Build: Use output: 'standalone' for Docker optimization.
  • CI Linting: Run next lint and tsc on every pull request.
  • Telemetry: Opt-out of global tracking for privacy (next telemetry disable).
  • Caching: Configure CI to cache .next/cache for 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

  • CI/CD & Deployment Guide

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results