Welcome to the Blueprint documentation
What is Blueprint?
Blueprint is the foundation for Kraken-powered consumer sites. It centers 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. 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.
Another way to use Blueprint is via published packages (@krakentech/blueprint-*) that you can install in your existing project. Add shared auth, API integration, utilities, and other building blocks without using Foundation as the app shell.
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 customizing Kraken-powered consumer sites—whether starting from the Foundation app, installing published packages, or contributing to the Blueprint repo.
How to get started
Foundation: Clone the Foundation app and configure it for your project. See the installation guide (or request access) to get started, or browse the main features overview to see what's included.
npm packages: Install the @krakentech/blueprint-* packages in your own project when you want shared auth, API, utilities, and other building blocks without using Foundation as the app shell.
To obtain access and choose your path (Foundation, packages, or both), see Request access.
If you are contributing to Blueprint, see our contributing guide.