Extending prerender routes

In Nuxt 2, using nuxt generate, we could either manually provide routes to generate or depend on the (later added) crawler to find them.

For manual mode, it was possible to use generate.routes option to provide an async function prefetching them. While this functionality is needed in general, adding async logic to nuxt.config is kinda an anti pattern that we are trying to avoid in Nuxt 3 so there might be better ideas.

Ref: #4885

[pi0]

@TotomInc As a workaround, You can also use nitro:config hook to add custom (async) routes to prerenderer:

import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  hooks: {
    async 'nitro:config' (nitroConfig) {
      if (nitroConfig.dev) { return }
      // ..Async logic..
      nitroConfig.prerender.routes.push('/custom')
    }
  }
})

[dwin94]

I think there’s a misunderstanding. We are not talking about query parameters. The feature we are referring to is this one: https://nuxtjs.org/docs/configuration-glossary/configuration-generate/#speeding-up-dynamic-route-generation-with-payload

nuxt.config.js:

export default {
  generate: {
    routes() {
      // 1) fetch data from CMS
      // 2) pass page data directly to each of the pages

      return [
        { route: '/', payload: { title: 'Home', headerImageUrl: '...' } }
        { route: '/about-us', payload: { title: 'About us', headerImageUrl: '...' } }
      ]
    }
  }
}