Welcome to the Blueprint documentation
What is Blueprint?
Blueprint is the foundation for Kraken-powered consumer sites. It centres on a single app—Foundation—which you use as a starter template or reference app. Use it as your starting point or lift-and-shift (copy-paste) features from it into your own project. Foundation includes features built on the Kraken core API (common across markets) and market-specific features; configure it for your region and Kraken endpoint to build and ship faster.
The reference implementation is Next.js and React (see Tech stack below). The architecture is tooling-agnostic where applicable: you can choose your own CMS, UI library, and analytics; Foundation uses an abstracted UI layer so the underlying library can be swapped. The rest of the Blueprint repo (Docs, Storybook) is for reference and development only—clients work with Foundation.
Who this is for
This documentation is for prospective and acquired clients (and their technical leads) evaluating or adopting Blueprint, and for engineers building or customising Kraken-powered consumer sites—whether starting from the Foundation app or contributing to the Blueprint repo.
If you are contributing to Blueprint, see our contributing guide.
Tech stack
The reference implementation (Foundation) uses the following. The architecture is tooling-agnostic where applicable—you can swap out UI, CMS, and other tooling.
- Next.js and React - front-end
- Turborepo - high-performance monorepo
- Vercel - speedy reliable deployments
- CircleCI - continuous integration/deployment
How to get started
Clone the Foundation app and configure it for your project. See the installation guide and project access guide to get started, or browse the main features overview to see what Blueprint offers.