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