What is a tsconfig.json file?

tsconfig.json is a configuration file in the root of a TypeScript project. It tells the TypeScript compiler (tsc) how to compile your code — which files to include, which JavaScript version to target, how to handle modules, whether to enforce strict type checks, and much more.

Which preset should I choose for a Next.js project?

Choose the 'Next.js' preset. It sets target to ES5, enables JSX with the 'preserve' option (so Next.js handles the transform), enables strict mode, sets moduleResolution to 'bundler', and enables paths support — matching the official Next.js recommendation.

What does 'strict' mode do in tsconfig.json?

'strict: true' enables a bundle of strict type-checking flags: strictNullChecks, noImplicitAny, strictFunctionTypes, strictBindCallApply, strictPropertyInitialization, noImplicitThis, and useUnknownInCatchVariables. It's strongly recommended for new projects as it catches entire classes of bugs at compile time.

What is the difference between 'module' and 'moduleResolution'?

'module' controls the output module format (e.g., CommonJS for Node.js, ESNext for modern bundlers). 'moduleResolution' controls how the compiler resolves import paths. For modern projects using bundlers like Vite or esbuild, use module: 'ESNext' with moduleResolution: 'bundler'. For Node.js 16+, use NodeNext for both.

Should I set 'noEmit: true'?

Set noEmit: true when you only want type-checking from tsc and rely on another tool (like Next.js, Vite, or ts-jest) to produce the compiled output. This is the default for Next.js projects. For Node.js applications or libraries that compile with tsc directly, leave noEmit as false and set an outDir instead.

Is this tool free and does it send my config anywhere?

Completely free, with no account required. Everything runs in your browser — no data is sent to any server. Your tsconfig settings stay private on your machine.

tsconfig.json Generator

Free TypeScript Tool

Generate Your Perfect
tsconfig.json

Pick a project type, tune the compiler options, and get a production-ready TypeScript config in seconds. No login, no ads — pure browser logic.

⚙️

Project Presets

One-click presets for Next.js, React (Vite), Node.js, TypeScript Library, and vanilla Browser projects.

🔧

Full Compiler Control

Toggle strict mode, module resolution, JSX settings, paths, incremental builds, and every key compiler option.

📋

Copy & Download

Copy the generated config to your clipboard or download it directly as tsconfig.json — ready to drop into your project.

Quick Start Presets

tsconfig.json

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "ESNext",
    "moduleResolution": "bundler",
    "lib": [
      "ES2020",
      "DOM",
      "DOM.Iterable"
    ],
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "resolveJsonModule": true,
    "outDir": "dist",
    "rootDir": "src",
    "sourceMap": true,
    "noFallthroughCasesInSwitch": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": [
    "src"
  ],
  "exclude": [
    "node_modules"
  ]
}

Config updates live as you change options.

Frequently Asked Questions

Everything you need to know about tsconfig.json Generator.

Generate Your Perfecttsconfig.json

Project Presets

Full Compiler Control

Copy & Download

Frequently Asked Questions

Generate Your Perfect
tsconfig.json