Vercel マイクロフロントエンド は何をしますか？
大規模なアプリケーションを独立してデプロイ可能な単位に分割し、一貫性のあるアプリとしてレンダリングします。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で事前選択)。inspect-group— グループのメタデータ（プロジェクト名、フレームワーク、git リポジトリ、ルートディレクトリ）を取得。自動化設定に便利 (オプション:--group,--format=json,--config-file-name)。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 または検索を使用して関連リファレンスファイルから回答を見つけ、すべてのリファレンスをコンテキストに読み込まないようにしてください。