How to rebuild digital services for a multi-national restaurant chain from scratch

Discover how a multinational restaurant chain rebuilt its digital services from scratch for Burger King, Popeyes Chicken, and Tim Hortons. Learn about their headless CMS, GraphQL API, React front end, and serverless framework.

Key takeaways
  • The company owns and operates three brands: Burger King, Popeyes Chicken, and Tim Horton’s Coffee.
  • The digital channels they care about are web apps on desktop and mobile, iOS and Android native apps, and kiosk apps.
  • They use a headless CMS and a GraphQL API to communicate between the front end and back end.
  • They use React on the front end and a shared code base with as much shared React components and backend code as possible.
  • They use Webpack to conditionally load React components depending on the environment variables that are set at build time.
  • They use a custom CLI that lets their developers run locally the content database and the React front ends of the apps.
  • They use Sanity.io to make the UX of updating the content as seamless as possible.
  • They use a serverless framework to manage packaging of their lambdas and uploading them.
  • They use a lot of node lambdas on the back end.
  • They use a graph QL API to communicate between their front end apps and their back end.
  • They have a unified system that they can use across the brands in order to let them think of the apps in a similar way, even if the styling and branding is totally different across the brands.