Vercel

Gitを使ってデプロイする

1. コードをGitリポジトリ（GitHub、GitLab、Bitbucket）にプッシュします。
2. プロジェクトをインポートするVercelに。
3. VercelはNitroを使用していることを検出し、デプロイメントに適切な設定を有効にします。
4. アプリケーションがデプロイされました！

プロジェクトがインポートされデプロイされた後、以降のブランチへのプッシュはすべてプレビューデプロイメントを生成し、本番ブランチ（一般的に「main」）に加えられた変更はすべて本番デプロイメント.

VercelのGit統合.

Vercel Edge Functions

についてさらに詳しく。Vercel Edge Functions.

Vercel Edge Functionsを使用すると、サイト訪問者にコンテンツを高速かつパーソナライズして配信できます。これらはデフォルトでVercelのEdge Networkにグローバルにデプロイされ、サーバーサイドロジックをEdgeに移動させ、訪問者のオリジンに近づけることができます。Edge Functionsは、Chromeブラウザで使用されているのと同じ高性能なV8 JavaScriptおよびWebAssemblyエンジンをベースにしたVercel Edge Runtimeを使用します。この小さなランタイムを利用することで、Edge FunctionsはServerless Functionsよりも高速なコールドブーツと高いスケーラビリティを実現できます。Edge Functionsはキャッシュの後で実行され、キャッシュして応答を返すことができます。さらに読む

このターゲットを有効にするには、以下の環境変数を設定してください。

SERVER_PRESET=vercel_edge

または、ビルドコマンドをnuxt build --preset=vercel_edgeに更新します。

Vercel KV Storage

簡単にVercel KV StorageをNuxt Server Storageで使用できます。

1. @vercel/kv依存関係をインストールする
   ターミナル

   npm i @vercel/kv
   

2. nuxt.config.tsを更新する
   nuxt.config.ts

   export default defineNuxtConfig({
     nitro: {
       storage: {
         data: {
           driver: 'vercelKV'
           /* Vercel KV driver options */
         }
       }
     }
   })
   

server/ディレクトリ内のどこからでもデータストアにアクセスできるようになりました。

export default defineEventHandler(async (event) => {
  const dataStorage = useStorage('data');
  await dataStorage.setItem('hello', 'world');

  return {
    hello: await dataStorage.getItem("hello"),
  }
})

カスタムビルド出力設定

追加のビルド出力設定は、nuxt.config.ts内のnitro.vercel.configキーを使用して提供できます。これは、組み込みの自動生成設定とマージされます。

テンプレート

さらに学ぶ