How can I turn off SSR for only certain pages in Nuxt.js to use them as SPA application?

Question

I want to develop an application with Nuxt.js that uses SSR for only certain pages (like artist page user page), so the pages without SSR will be used like an SPA. Is it possible to do it using Nuxt.js?

Answer 1

You could do that via server middleware

export default function(req, res, next) {
  const paths = ['/', '/a']

  if (paths.includes(req.originalUrl)) {
    // Will trigger the "traditional SPA mode"
    res.spa = true
  }
  // Don't forget to call next in all cases!
  // Otherwise, your app will be stuck forever :|
  next()
}

https://blog.lichter.io/posts/selectively-enable-ssr-or-spa-mode-in-a-nuxtjs-ap

Answer 2

Wrap the contents of the component you don't want to render server side in a <no-ssr></no-ssr> tag.

@DenisTsoi's link should give you more information on how it works.