Deploying a Nuxt Site

When it comes time to deploying your Nuxt.js site, you have two options. You can deploy it either as a Server-Side Rendered site (SSR) or as a Statically Generated site (SSG).

Static Site Generation

With static site generation, you can render your application during the build phase and deploy it to any static hosting services such as Netlify, GitHub pages, Vercel etc. This means that no server is needed in order to deploy your application.

How to Deploy Nuxt.js as a Statically Generated site:

Deploy to Vercel

Deploy to Netlify

Deploy to Amazon Web Services (AWS)

Deploy to Azure Static Web Apps

Deploy to GitHub Pages

Updating your Nuxt.js site when Content Changes

If you're deploying your Nuxt.js site as a Statically Generated Site (SSG), you'll need to rebuild the site in order to see the updated content when content has changed in Agility.

See how you can rebuild your site when content changes.

Server-Side Rendering

Server-side rendering (SSR), is the ability of an application to contribute by displaying the web-page on the server instead of rendering it in the browser. Server-side sends a fully rendered page to the client; the client's JavaScript bundle takes over which then allows the Vue.js app to hydrate.

How to Deploy Nuxt.js as a Server-Side Rendered site:

Deploy to Vercel

Deploy to Azure Portal

Deploy to Heroku