Note: You are viewing the new Next.js documentation. The old docs are still available here.

Setting a custom build directory

You can specify a name to use for a custom build directory to use instead of .next.

Open next.config.js and add the distDir config:

module.exports = {
  distDir: 'build',
}

Now if you run next build Next.js will use build instead of the default .next folder.

distDir should not leave your project directory. For example, ../build is an invalid directory.

Related permalink