フロントエンド・PHPカンファレンス北海道2026
LT(5分)
フロントエンド 初登壇

Next.jsにおけるModule Federationの代用:Remote Componentsで実現するマイクロフロントエンド

purinpopo2 iririn purinpopo2
1

大規模なWeb開発をチームごとに分割して進める「マイクロフロントエンド」。マイクロフロントエンドを実現するための技術「Module Federation」は、最新のNext.jsとは相性が悪く、導入が難しいという課題があります。

そこで今、Vercelが新たに提唱しているのが「Remote Components」です。

外部にあるコンポーネントを、まるでデータや画像のように必要な時にサッと読み込んで表示する新しい仕組みです。「Module Federation」のような複雑な設定は不要で、Next.jsの最新機能を活かしたまま、チームごとの自由な開発とデプロイを実現することができます。
本セッションでは、まだ正式リリース前のこの「remote components」について、解説します。