vercel-microfrontends

Vercel Microfrontends

大規模なアプリケーションを、独立してデプロイでき、ひとつのまとまりのあるアプリとしてレンダリングされる単位に分割します。Vercel は microfrontends.json を使用して、グローバルネットワーク上でルーティングを処理します。

主な概念： デフォルトアプリ（microfrontends.json を持ち、一致しないリクエストを処理します）・子アプリ（routing のパスパターンを持ちます）・アセットプレフィックス（静的アセットの衝突を防ぎます）・独立したデプロイ。

フレームワーク： Next.js（App Router + Pages Router）、SvelteKit、React Router、Vite — すべて @vercel/microfrontends 経由で利用できます。

CLI（vercel microfrontends / vercel mf）：

• create-group — 新しいグループを作成します。デフォルトでは対話形式で実行されます。--non-interactive を使うと、完全な非対話形式で実行できます（オプション：--name、--project（繰り返し指定可）、--default-app、--default-route、--project-default-route（繰り返し指定可、形式：<project>=<route>。非対話形式では、デフォルト以外の各プロジェクトに必須）、確認プロンプトを省略する --yes）。注：プロジェクトの追加によって無料プランの上限を超える場合、--non-interactive はブロックされます。ユーザーは対話形式で課金内容の変更を確認する必要があります。
• add-to-group — 現在のプロジェクトを既存のグループに追加します。対話型ターミナルが必要です（オプション：--group、--default-route）。
• remove-from-group — 現在のプロジェクトをグループから削除します。対話型ターミナルが必要です（オプション：--yes はプロジェクトのリンク確認のみを省略します）。
• delete-group — グループとそのすべての設定を削除します。この操作は取り消せません。対話型ターミナルが必要です（オプション：グループを事前に選択する --group）。
• pull — ローカル開発用に、リモートの microfrontends.json を取得します（オプション：--dpl）。
• microfrontends proxy — ローカル開発用プロキシ · microfrontends port — 自動割り当てされたポートを表示します

詳細情報を探す

このスキルには、references/ ディレクトリに詳細なリファレンスドキュメントが含まれています。最初にすべてのリファレンスを読まないでください。 代わりに、ユーザーから特定のトピックについて質問されたときに、該当するファイルを検索または grep してください。

トピック	リファレンスファイル
入門、クイックスタート、フレームワークの設定、microfrontends.json のスキーマ、フィールド、命名、例	references/configuration.md
パス式、アセットプレフィックス、フラグ制御ルーティング、ミドルウェア	references/path-routing.md
ローカルプロキシの設定、ポリレポ構成、Turborepo、ポート、デプロイ保護	references/local-development.md
グループの確認（inspect-group）、プロジェクトの追加と削除、フォールバック環境、ナビゲーション、可観測性	references/managing-microfrontends.md
テストユーティリティ（validateMiddlewareConfig、validateRouting など）、デバッグヘッダー、よくある問題	references/troubleshooting.md
デプロイ保護、Vercel Firewall、マイクロフロントエンド用 WAF ルール	references/security.md

ユーザーから特定のトピックについて質問された場合は、該当するリファレンスファイルを grep または検索して、すべてのリファレンスをコンテキストに読み込まずに回答を見つけてください。