Initialising Workbench...
Build your next.config.js visually. Toggle options and copy the generated config directly into your project.
next.config.js
Every tool runs entirely in your browser. Nothing you type is uploaded, stored, or logged on our servers.
The Next.js Config Generator lets you build a complete next.config.js file by toggling options instead of memorising the API. It covers the most commonly-used settings — strict mode, output targets, image domains, i18n, and experimental flags.
Once you're happy with the options, hit Copy or Download to drop the file straight into your project root. Everything runs in your browser — no data is sent anywhere.
It builds a next.config.js file from the options you select, such as image domains, redirects, and experimental flags, so you can configure your app quickly.
No. The config is generated entirely client-side in your browser, so nothing you select is uploaded.
Save it as next.config.js (or next.config.mjs) at the root of your Next.js project, then restart the dev server to apply changes.
Yes. next.config.js applies to both the App Router and Pages Router, since it configures the framework itself rather than a specific routing style.
Yes. The output is standard JavaScript you can extend with additional options or custom webpack tweaks as your project grows.