🚀
Turborepo使用のモノレポをVercelにデプロイ
Nuxt4とTurborepoで作成したモノレポ（ユーザー向けのappと管理者向けのbackoffice）を、Vercelにデプロイします。
以下の記事の続きになります。
前提
ソースコードをGitHubにpush済み。
- mainブランチ → デプロイ用
- developブランチ → 開発用
という構成
Vercelは無料枠（Hobby）利用。
GitHubとの連携済。
デプロイ手順
1.新しいプロジェクトを作成
モノレポのリポジトリをImportします。
今回は1つのリポジトリに2つのNuxtプロジェクト（app,backoffice）が入っています。画像のように、Nuxtのアイコンが2つと、「Turbo」の表示が入っていました。
余談ですが、私はすべてのリポジトリではなく、Vercelでデプロイしたいものだけを選択して表示するようにしています。下記の設定画面で、「Select repositories」から選択します。
2.デプロイ設定
importすると、まず1つ目のプロジェクト(app)のデプロイ画面が表示されました。特に設定項目もなく、デプロイしました。appのデプロイ後、以下の表示が。
指示に従い、backoffice側も同様にデプロイ。めっちゃ簡単でした！
デプロイ設定画面はこんな感じでした。
簡単すぎて手順が2つしかない（笑）
一つ注意点があるとしたら、mainブランチからデプロイされるということでしょうか。productionブランチは自動選択で、最優先はmainブランチになるそうです。
参考記事
Discussion