Home
    Articles
    Entity Builder
    Showcase
    • Admin Dashboard
    • Audits
    • UIKit
    • Calendar
    • Ecommerce
    Login / Create Account
    Home
    Articles
    Entity Builder
    Showcase
    • Admin Dashboard
    • Audits
    • UIKit
    • Calendar
    • Ecommerce
    Login / Create Account
    • Turboship
    • Intro
    • Tech
    • Vue
    • Overview
    • Fundamentals
    • Components
    • State
    • Reactivity
    • Style
    • Nuxt
    • Overview
    • Fundamentals
    • Routing & Pages
    • Rendering
    • Top Ten Features
    • Top Ten Concepts
    • Flutter
    • Overview
    • Widgets
    • Styling
    • React Native
    • Overview
    • Top Ten
    • React Navigation
    • Testing With Jest & Rntl
    • Mocking Api Requests in (Rntl)
    • React Native Testing Library
    • React
    • Overview
    • Top Ten Concepts
    • Next
    • Overview
    • Top Ten Concepts
    • Top Ten Features
    • Gcp
    • Overview
    • App Engine
    • Cloud Run
    • Cloud Build
    • Nuxt3 Cloud Run Deployment
    • Deploy a Nuxt3 App To a Cloud Run Service
    • Snippets
    • Better Switch Statements in Dart
    • Snippets 2
    • Business
    • Managing Vs Leading
    • Thinking Vs Writing
    • Blog
    • Overview
    • Top Blogging Tools
    • Mobile
    • Mobile
    • Ensuring Technical Success From a Mobile App Developer Perspective
    • Misc
    • Markdown

Nuxt Rendering

  • Universal Rendering
  • Client-Side Rendering
  • Hybrid Rendering

Universal Rendering

Combines both server & client side rendering strategies. 1

Pages are rendered on the server and sent to the client as a fully rendered HTML document.

In the background JS code(older versions of Vue/React/Angular/etc) is loaded and that code takes over control of the document.

In this way the best of both server & client side rendering strategies are maintained.

There are tradeoff though. They follow:

Pros

  • Performance
  • SEO

Cons

  • Limitations
  • Cost

Client Side Rendering

Footnotes

  1. Official Nuxt documentation ↩

Table of contents