DigitalOcean

NuxtアプリケーションをDigitalOceanインフラストラクチャにデプロイします。

Nuxtは、DigitalOcean App Platform最小限の設定でデプロイすることをサポートしています。

セットアップ

  1. 新しいDigitalOceanアプリを作成するには、次の手順に従ってください。ガイド.
  2. 次に、環境変数を設定する必要があります。アプリの設定で、次の項目が設定されていることを確認してください。アプリレベルの環境変数:
    SERVER_PRESET=digital-ocean
    
  3. DigitalOceanがサポートされているバージョンのNode.jsを使用するように、アプリのpackage.jsonengines.nodeフィールドを設定する必要があります。
    package.json
    {
      "engines": {
          "node": "20.x"
      }
    }
    
  4. また、ビルド後にDigitalOceanが実行するコマンドを認識できるように、実行コマンドを追加する必要があります。これは、package.jsonにstartスクリプトを追加することで実行できます。
    package.json
    {
      "scripts": {
          "start": "node .output/server/index.mjs"
      }
    }
    
  5. 最後に、このstartスクリプトをDigitalOceanアプリの実行コマンドに追加する必要があります。Components > Settings > Commandsに移動し、「Edit」をクリックして、npm run startを追加します。
NuxtアプリはDigitalOceanが生成したURLで公開され、これで次の手順に進むことができます。DigitalOceanデプロイガイドの残り.

もっと詳しく

digitaloceanデプロイプリセットの詳細については、Nitro documentationをご覧ください。