BFF & data

How the SHOPin storefront accelerator connects the Next.js storefront to the NestJS BFF, switches data sources, and packages external APIs under integrations/.

In this section

• BFF — apps/bff layout, DataSourceFactory, contracts, checklist, i18n.
• Communication between presentation and BFF — Client wrapper, BFF URLs, contracts, server vs client services and React Query.
• Custom headers between frontend and BFF — Beyond the central wrapper: presentation + NestJS + integrations.
• Data sources — DataSourceFactory, integrations/, env vs header vs mixed wiring.
• Integrations — integrations/* layout, providers, add integration / method / service.

Back to How to work with SHOPin