Nuxt.js: Async data inside nuxt.config.js

[McSneaky]

What problem does this feature solve?

Currently there is no nice way how to use async data inside nuxt.config.js.
For example getting some module configuration from remote server, getting head data, list of plugins that need to be enabled for current build etc.

This would allow to use same Nuxt app for multiple similar sites but with slight difference of configuration that is changeable from remote admin panel.

What does the proposed changes look like?

Something like this (quite pseudocode)

// nuxt.config.js

const getHeadConfig = async () => {
  let { data } = await axios.get('/my/head/config/url')
  return {
    ...data,
    title: 'hurrdurr'
  }
}

module.exports = {
  mode: 'universal',

  // Get conf from remote with axios
  loading: axios.get('/my/loading/config/url'),

  // Use some method to get data from remote
  head: getHeadConfig()
}

_{This feature request is available on Nuxt community (#c7860)}

[manniL]

I think this problem could be tackled as we do it with modules, plugin etc.

If the export of nuxt.config.js is a function, we should call and await it. 🤔

export default async () => {
    const data = await otherFn()
    return {
        head: "...",
        ...data
    }
}

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.