combining module.exports next js

Question

I have a next js project where one module.exports can run but both can't run at the same time. How do I combine both module exports?

The module.exports = withSass({ is confusing me. How can this be added to the module.exports above it

// next.config.js
module.exports = {
  serverRuntimeConfig: { // Will only be available on the server side
    mySecret: 'secret'
  },
  publicRuntimeConfig: { // Will be available on both server and client
    staticFolder: '/static',
    appId: 'XXXXXXXXXX',
    apiKey: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'
  }
}

const withSass = require('@zeit/next-sass')
module.exports = withSass({
  /* config options here */
})

henrikhorluck · Accepted Answer · 2019-07-12 19:56:08Z

1

So with next.js options, you simply move them into the nextConfig-argument you send to withSass(), like so:

const withSass = require('@zeit/next-sass')

module.exports = withSass({
    serverRuntimeConfig: {
    mySecret: 'secret'
  },
  publicRuntimeConfig: {
    staticFolder: '/static',
    appId: 'XXXXXXXXXX',
    apiKey: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'
  }
})

answered Jul 12, 2019 at 19:56

henrikhorluck

265 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

brooksrelyt Over a year ago

My issue was middleware related, thanks for the help this solved it!

henrikhorluck Over a year ago

No problem, glad to be helpful :)

Collectives™ on Stack Overflow

combining module.exports next js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related