Does it work inside next.config.js? #161

Ademsk1 · 2025-01-23T23:04:56Z

Ademsk1
Jan 23, 2025

I'm using next-runtime-env@1.x, as we are limited in using a Pages Router. I need to use module federation - and the urls to fetch out to inside the config need to be different for different environments.

// next.config.js
// either from default
const NextFederationPlugin = require('@module-federation/nextjs-mf');
const {env} = require('next-runtime-env')

const { configureRuntimeEnv } = require('next-runtime-env/build/configure');
configureRuntimeEnv();
module.exports = {
  webpack(config, options) {
    const { isServer } = options;
    config.plugins.push(
      new NextFederationPlugin({
        name: 'next2',
        remotes: {
          next1: `next1@http://${env('NEXT_PUBLIC_REMOTE')}/_next/static/${
            isServer ? 'ssr' : 'chunks'
          }/remoteEntry.js`,
        },
        filename: 'static/chunks/remoteEntry.js',
        exposes: {
          './title': './components/exposedTitle.js',
          './checkout': './pages/checkout',
        },
        shared: {
          // whatever else
        },
      }),
    );

    return config;
  },
**};**

However, when trying to use this - I can see that the window.__ENV is populated, as is the __ENV.js file, but this never works. Any ideas why?

Thanks

adlermore · 2025-02-03T15:25:20Z

adlermore
Feb 3, 2025

You can dynamically inject the environment variable by modifying the remotes configuration inside NextFederationPlugin:

remotes: { next1: next1@http://${env('NEXT_PUBLIC_REMOTE')}/_next/static/${
isServer ? 'ssr' : 'chunks'
}/remoteEntry.js, },

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Does it work inside next.config.js? #161

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Does it work inside next.config.js? #161

Uh oh!

Uh oh!

Ademsk1 Jan 23, 2025

Replies: 1 comment

Uh oh!

adlermore Feb 3, 2025

Ademsk1
Jan 23, 2025

adlermore
Feb 3, 2025