Nuxt 3 Release Candidate がリリースされました! v3.nuxtjs.org で詳細について見れます。

翻訳されたページ このページのコンテンツは古い可能性があります。

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 行が見ることができるはずです

nuxt config vars Dokku

次に、プロジェクトの 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 にホストされました!

このページをGitHubで編集する 更新日 Tue, Aug 16, 2022