bm-sms https://blog.hatena.ne.jp/bm-sms/ エス・エム・エス エンジニア テックブログ https://tech.bm-sms.co.jp/ カイポケリニューアル フロントエンド はじめに こんにちは！カイポケコネクトの開発推進チームでエンジニアをしている @_kimuson です。主にフロントエンドを中心に開発生産性の向上に取り組んでいます。 今回は、カイポケコネクトのフロントエンドを単一のNext.js構成からマイクロフロントエンド化した話を紹介します。 スパンで言うと提案をしてから9か月ほど経っているのですが、ようやく形になってきたので方針や試行錯誤した知見を共有できればと思います。 背景・元々のアーキテクチャ まず、元々の構成を簡単に説明しておきます。 カイポケコネクトのフロントエンドは、GraphQL Federation*1 を行うBFF*2 Serverに… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.bm-sms.co.jp%2Fentry%2F2026%2F02%2F10%2F110000" title="巨大な Next.js アプリケーションを垂直分割してマイクロフロントエンド化した話 - エス・エム・エス エンジニア テックブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/b/bm-sms/20260210/20260210110002.png Hatena Blog https://hatena.blog 2026-02-10 11:00:00 rich https://tech.bm-sms.co.jp/entry/2026/02/10/110000 1.0 100%