TOOLING

Configure Next.js 16 and React 19 development tooling with mise, TypeScript, and ESLint.

2|2|Updated Feb 9, 2017
One-click install
npx skills add https://github.com/sumik5/dotfiles --skill tooling
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: TOOLING
Source: https://github.com/sumik5/dotfiles/tree/main/claude-code/skills/developing-nextjs/TOOLING.md
Command: npx skills add https://github.com/sumik5/dotfiles --skill tooling

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This document details development tooling for Next.js projects, including mise, tsconfig, ESLint, and tooling patterns.

Core Features & Use Cases

  • mise setup: Tool version management for Node, pnpm, and pre-commit.
  • TypeScript & linting: TS strict settings, eslint, and formatting guidelines.
  • CI guidance: Pre-commit hooks and developer workflows.

Quick Start

Configure mise and lint tooling for a new Next.js project.

Frequently Asked Questions about TOOLING

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up TypeScript and ESLint for a Next.js project?

TypeScript and ESLint configuration involves setting strict mode in tsconfig.json and defining rules in eslint.config.mjs. This Skill guides you through strict TypeScript settings and ESLint setup patterns to enforce code quality across your Next.js 16 project.

What is mise and how do I use it for Node version management?

mise is a tool version manager that pins Node, pnpm, and pre-commit versions in a mise.toml file. This Skill shows you how to configure mise to ensure consistent development environments and automate tool setup across your team.

How do I configure pre-commit hooks and CI for a Next.js project?

Pre-commit hooks and CI workflows catch linting and formatting issues before code reaches production. This Skill details hook configuration and developer workflow patterns using ESLint and TypeScript validation in your CI pipeline.

Can I use Vitest and Docker with Next.js Server Components?

Yes. This Skill covers Vitest testing integration and multi-stage Docker builds alongside Next.js 16 Server Components and App Router. It satisfies both testing and containerized deployment requirements in modern Next.js applications.

What tooling do I need for Next.js 16 with Tailwind CSS v4 and Prisma ORM?

Next.js 16 development with Tailwind CSS v4 and Prisma ORM requires coordinated configuration across tsconfig.json, eslint.config.mjs, and build tooling. This Skill provides complete setup guidance for integrating these tools with strict TypeScript and App Router.