GraphQL-based BFF and Frontend Usage at a Fintech Group

BFF acts as a dedicated server layer for specific frontends collects and transforms data from multiple services for frontend consumption.

핀테크그룹 BFF is implemented with NestJS integrated with Apollo Server uses NestJS to host Apollo Server and unify multiple microservices into one GraphQL schema.

GraphQL reduces multiple API calls by allowing a single query to request needed data, bFF exposes schema-based endpoints so frontend fetches only required fields.

Apollo Client stores normalized GraphQL responses in InMemoryCache, apollo Client caches server responses in memory and initializes empty on page refresh.

Graphql-codegen automatically generates TypeScript types from GraphQL queries developers write queries and graphql-codegen produces type-safe TypeScript code and hooks.