Next Assets Manifest

Add webpack-assets-manifest to your Next.js project.

npm install next-assets-manifest --save-dev

Requirements

• Next.js 12
• Node 12+

Example Usage

View examples.

assetsManifest, assetsManifestClient, and assetsManifestServer are optional.

The values for these options can be found here.

Add something like this to your next.config.js.

const withAssetsManifest = require('next-assets-manifest');

module.exports = withAssetsManifest({
  // These options are used for both client and server manifest plugins.
  assetsManifest: {
    done(manifest) {
      console.log(`${manifest}`);

      // You can get the options Next.js uses, if you need it for anything.
      console.log(manifest.options.extra.nextOptions);
    },
  },
  // Customize the client side manifest.
  assetsManifestClient: {
    output: 'client-manifest.json',
  },
  // Customize the server side manifest.
  assetsManifestServer: {
    output: 'server-manifest.json',
  },
});