Nuxt Nation カンファレンス開催!11月12日〜13日、ご参加ください。
デプロイ

Digital Ocean

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

Nuxtは、最小限の設定でDigital Ocean App Platformへのデプロイをサポートしています。

設定

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

詳細情報

Digital Oceanデプロイプリセットの詳細については、Nitroドキュメントを参照してください。