DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Mixing nuxt generate and build
florent giraud
florent giraud

Posted on

Mixing nuxt generate and build

Hello everyone !

I wanted to share you a little tip with nuxt generate.

I wanted to put my landing pages in a CDN but not my dashboard.

According to the nuxt generate documentation we you can use exclude with a regex.

But yeah "regex".

I don't like (a lot!) regex and i prefer to use include instead of using exclude.
I created a module that use 'generate:extendRoutes' and introduce whitelist instead of exclude.

// modules/custom-generate.js
module.exports = function() {
  this.nuxt.hook('generate:extendRoutes', (routes) => {
    const whiteList = [
      '/', //this is the index.vue root file
      '/talents-signed-up',
      '/404',
      '/company-signed-up',
      '/company',
      '/talents'
    ]
    const routesToGenerate = routes.filter((page) => {
      return whiteList.includes(page.route)
    })
    routes.splice(0, routes.length, ...routesToGenerate)
  })
}
Enter fullscreen mode Exit fullscreen mode

This module is ok if you don't have a lot of pages that you want to generate.

You can add 'regex' valiation in the filter instead of my array if you prefer :).

Thank's !

Top comments (2)

Collapse
 
dreaminder profile image
DreaMinder

You mean /dashboard static-routes are getting generated and you want them to be spa-only?
You could use this command to avoid generating any routes except the ones you specified in nuxt.config:
nuxt build && nuxt generate --no-build
instead of nuxt generate

Collapse
 
jsbaguette profile image
florent giraud Author

Ok i get it ! I dont want my dashboard to be full SPA. in some page i want to be sure that back request working and the client non see them so it's a nuxt build && nuxt generate in my case

πŸ‘‹ Hey, my name is Noah and I’m the one who set up this ad. My job is to get you to join DEV, so if you fancy doing me a favor, I’d love for you to create an account.

If you found DEV from searching around, here are a couple of our most popular articles on DEV: