...

/

Untitled Masterpiece

Untitled Masterpiece

Learn about the different Nuxt rendering modes and their benefits.

Client side rendering

By default, with a Vue.js project, the rendering is performed client-side. This means that when we visit an app in the browser, an empty HTML document is downloaded. Additionally, a JavaScript bundle is downloaded, and the browser reads the content of this file to create our app. This also includes all of the files that the router uses to switch between pages.

Press + to interact
Stages involved in rendering a Vue.js client side app
Stages involved in rendering a Vue.js client side app

Advantages

This has some advantages, including the application being fast and responsive due to all of the application’s data being ready in the browser. The application can also work offline since the code is already available after the initial download.

It can also be more cost-effective since we do not need a traditional web server ...