Enable Webpack 5 for Next.js

As of Nx version 12.4.0 - users can opt in to use Webpack 5 for building and serving Next.js applications.

Next.js applications within an Nx workspace are generated with a next.config.js file at the root of the application directory. In order to enable Webpack 5, you need to edit next.config.js file to add a future.webpack5 key and set its value to true:

1// eslint-disable-next-line @typescript-eslint/no-var-requires
2const withNx = require('@nrwl/next/plugins/with-nx');
3
4/**
5 * @type {import('@nrwl/next/plugins/with-nx').WithNxOptions}
6 **/
7const nextConfig = {
8  future: {
9    webpack5: true,
10  },
11};
12
13module.exports = withNx(nextConfig);