Steps to Deploy Nuxt.js SPA to Netlify

Tadashi Shigeoka ·  Sat, July 6, 2019

This article introduces the steps to deploy a Nuxt.js SPA to Netlify.

Nuxt.js

Prerequisites Nuxt.js

First, as a prerequisite, I deployed to netlify.com at the time of codenote-net/nuxtjs-spa-sandbox@f7450eb.

Steps to Deploy Nuxt.js SPA to Netlify

  1. Connect to Git provider
  2. Pick a repository
  3. Build options, and deploy!

Basic build settings

deploy settings | Netlify

Build command:

nuxt generate

Publish directory:

dist

Netlify Settings

Deploy to Netlify will be completed in about 1 minute.

Settings | Netlify

The Nuxt.js SPA deployed to Netlify this time can be viewed at https://nuxtjs-spa-sandbox.netlify.com/.

That’s all from the Gemba on deploying a Nuxt.js SPA to Netlify.