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

Prerequisites Nuxt.js

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

• Related: [Nuxt.js] npx create-nuxt-app 後の ESLint, Prettier エラーの解決方法 | CodeNote ([Nuxt.js] How to Fix ESLint and Prettier Errors After npx create-nuxt-app | CodeNote)

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

Build command:

nuxt generate

Publish directory:

dist

Netlify Settings

Deploy to Netlify will be completed in about 1 minute.

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.