In Next.js you can have one component Static Side Rendered or Server Side Rendered and another component Client Side Rendered on the same page. Can you do the same in Nuxt.js? It seems I cannot find a proper answer.
Can you mix up Client rendering and Server rendering for components in Nuxt.js similar to Next.js?
Viewed 726
2 Answers
Your components are by default rendered on both: server + client (if your app is not SPA only of course).
For client side rendering only, you can use <client-only> as a wrapper as explained here: https://nuxtjs.org/docs/2.x/features/nuxt-components/#the-client-only-component
There is nothing like <server-only> but you can prevent hydration with something like this: https://github.com/maoberlehner/vue-lazy-hydration
Hybrid Rendering is coming soon to Nuxt 3, as the documentation mentions now: https://v3.nuxtjs.org/guide/concepts/rendering/#hybrid-rendering
And there is also a GitHub discussion about that topic as well: https://github.com/nuxt/framework/discussions/560
Related