NextJS export cache issue fix. Update cache on every build

next.config.js.md

NextJS export cache issue fix. Update cache on every build

next.config.js file

/* the trick is to build unique build ID on every build and add it to static files on build time.
 * This way the name and URL of static files will change on every build.
 */

/* eslint-disable @typescript-eslint/no-var-requires */
const path = require('path');

// Used to set folders as alias to directly use in nextjs
const nextConfiguration = ({
    webpack: (config, { buildId, dev }) => {
        const newConfig = config;

        if (!dev && newConfig.output.filename.startsWith('static')) {
            newConfig.output.filename = newConfig.output.filename.replace('[name]', `[name]-${buildId}`);
            newConfig.output.chunkFilename = newConfig.output.chunkFilename.replace('[name]', `[name]-${buildId}`);
        }

        return newConfig;
    },
    generateBuildId: async () => {
        const timestamp = Math.floor(Date.now() / 1000);
        return `build-${timestamp}`;
    },
});

module.exports = nextConfiguration;

Hi @amit08255 How to update the names of files inside .next/static/css folder? The provided code is updating chunks folder files, but not css folder files

Thanks a lot!

Cloudflare was caching the webpack chunk for every build because it had the same name...

Using NextJS 14.2.10