Netlify

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に自動的にキャッシュされます。

これにより、ユーザーが初めてサイトを訪れたときにページを構築し、次のデプロイメントまで後続の訪問のためにエッジにキャッシュすることができます。

Netlifyオンデマンドビルダーの詳細はこちら

オンデマンドビルダーを有効にするには、以下の環境変数を設定します。

SERVER_PRESET=netlify_builder

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

Koyeb

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

NuxtHub

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