Build a Modern Server-Side Rendered Vue Application with NuxtJS/

...

/

NuxtJS Hybrid vs. Static Site Generation Rendering Modes

NuxtJS Hybrid vs. Static Site Generation Rendering Modes

Learn about the additional rendering modes offered by NuxtJS and gain a better understanding of how these modes work.

We'll cover the following...

NuxtJS provides developers with two rendering modes, in addition to the client-side and server-side rendering modes to choose from. These rendering modes include:

  • Hybrid rendering
  • Static Site Generation (SSG)

Hybrid rendering

Nuxt’s hybrid rendering mode enables the use of multiple rendering modes within a single application, providing developers with the flexibility to choose the most suitable mode for each page.

Press + to interact

For example, the home page of an e-commerce application could be rendered using SSR, as it might not require interactivity, while the ...