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 product page could be rendered using universal rendering mode to handle product details and filtering interactions. Similarly, the admin page could be rendered using CSR mode and some ...