現職でNext.jsを使って開発してるんですが、最初はSPAで作ってからBFF化させるという計画らしく、そもそもBFFって言葉しか知らなかったので、とりあえず概要だけまとめてみた。
そもそもBFFとは
Backend for Frontendの略
APIサーバがビジネスのドメインロジック部分を担当するのに対して、BFFはあくまでユーザーインタフェースをサポートするサーバである。なので、開発はフロントエンドエンジニアが行う。
フロントエンド開発において「複数のAPIをまとめる（下図参照）」「サーバサイドレンダリングを行う」などが求められる機会でBFFは有効。
従来の設計（フロントから直接APIを叩く）
Front-end ⇄ Back-end
BFFの設計（BFFがバックエンドをラップするとか、吸収するとかって言います）
Front-end ⇄ BFF ⇄ Back-end
BFFのメリット
パフォーマンスの改善。
クライアントから複数のAPIを叩くと大量のリクエストをすることになります。BFFでAPIをひとまとめにする事ができれば、クライアントからのリクエストは1回になるので簡単。
またクライアントで欲しい形でデータを返してくれるのでクライアント側でデータの操作がなくなるので、コードがシンプルになる。
BFFのデメリット
BFFも一つのマイクロサービスなので、 BFF自体の開発コストが当然かかってしまう。サーバーにデプロイしメンテナンスも必要。
採用する技術に何がある？
・Next.jsであれば標準のAPI Routing機能を使う（Front, BFFをまとめて開発できる）
・Nest.jsを使う
・AWS AppSyncを使う
など
ちなみに必ずしもGraphQLである必要はないみたいです。REST APIでもOK。
とりあえずは概要だけまとめました、これを機に実際にトライしてみようとおもいます。