Nuxt.js 製 SPA を Netlify へ deploy する手順をご紹介します。

前提 Nuxt.js

まず、前提として codenote-net/nuxtjs-spa-sandbox@f7450eb のときに netlify.com へ deploy しました。

• 関連: [Nuxt.js] npx create-nuxt-app 後の ESLint, Prettier エラーの解決方法 | CodeNote

Nuxt.js 製 SPA を Netlify へ deploy する手順

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

1分ぐらいすれば Netlify へ deploy が完了します。

今回 Netlify へ deploy した Nuxt.js 製 SPA は https://nuxtjs-spa-sandbox.netlify.com/ から確認できます。

以上、Nuxt.js 製 SPA を Netlify へ deploy したい、現場からお送りしました。