Dokku で Nuxt をデプロイする

Nuxt アプリケーションを Dokku でどうやってデプロイするのか？

Dokku documentation for setup そして Deploying a Node.js Application on Digital Ocean using Dokku をお読みになることをお勧めします。

例として、ここでは Nuxt アプリケーションを my-nuxt-app と呼ぶことにします。

プロジェクトの devDependencies をインストールするように Dokku に指示する必要があります（npm run build を起動できるようにするため）。

// Dokku サーバー上で
dokku config:set my-nuxt-app NPM_CONFIG_PRODUCTION=false YARN_PRODUCTION=false

また、アプリケーションはホスト 0.0.0.0 をリッスンし、プロダクションモードで動作するようにします：

// Dokku サーバー上で
dokku config:set my-nuxt-app HOST=0.0.0.0 NODE_ENV=production

dokku config my-nuxt-app を手でタイプするとき、 以下の 3 行が見ることができるはずです

次に、プロジェクトの app.json にある scripts.dokku.predeploy スクリプトを使って、npm run build を起動するように Dokku に指示します：

create a file name app.json in our project root folder

{
  "scripts": {
    "dokku": {
      "predeploy": "npm run build"
    }
  }
}

アプリケーションを起動するために、Procfile を使って npm run start を実行します：

web: npm run start

最後に、Dokku にアプリケーションを push することができます：

// push する前に変更をコミット
git remote add dokku dokku@yourServer:my-nuxt-app
git push dokku master

ここに、Nuxt アプリケーションが Dokku にホストされました！