NuxtをNetlifyにデプロイする

設定不要 ✨
Netlifyとの統合は設定不要で可能です。詳細はこちらをご覧ください。

設定

Nuxtは、Netlifyのビルド環境にいることを自動検出し、最適化されたバージョンのサーバーをビルドします。

新規サイトの場合、NetlifyはNuxt 3を使用していることを検出し、公開ディレクトリをdist、ビルドコマンドをnpm run buildに設定します。

既存のサイトをNuxt 2からアップグレードする場合は、これらを確認し、必要に応じて更新する必要があります。

カスタムリダイレクトを追加したい場合は、routeRulesを使用するか、_redirectsファイルをpublicディレクトリに追加することで可能です。

デプロイするには、Netlifyで通常行うように、Gitリポジトリにプッシュするだけです。

Netlify Edge Functionsは、Denoと強力なV8 JavaScriptランタイムを使用し、可能な限り最速の応答時間のためにグローバルに分散された関数を実行できるようにします。

Edge FunctionsでNuxtを実行するには、次の環境変数を設定してください。

SERVER_PRESET=netlify_edge

オンデマンドビルダーは、NetlifyのEdge CDNに自動的にキャッシュされる、必要に応じてWebコンテンツを生成するために使用されるサーバーレス関数です。

これにより、ユーザーが初めてページにアクセスしたときにサイトのページをビルドし、次のデプロイまで後続のアクセスのためにエッジでキャッシュすることができます。

Netlifyオンデマンドビルダーの詳細

オンデマンドビルダーを有効にするには、次の環境変数を設定してください。

SERVER_PRESET=netlify_builder

netlifyデプロイプリセットの詳細については、Nitroドキュメントをご覧ください。

NuxtHub

設定不要で、CloudflareアカウントでNuxtアプリケーションをグローバルにデプロイします。