Skip to main content

Launch Your Energy Consumer Site in Weeks, Not Months

Blueprint is the production-ready foundation for Kraken-powered consumer sites. Brand-agnostic, region-ready, and built for speed.
Explore our live demo with test credentials after Kraken instance setup

Everything You Need to Go Live

Blueprint provides the complete infrastructure for modern energy consumer experiences

Account Dashboard

Comprehensive account dashboard for managing gas and electricity ledgers. View account details, balances, and transaction history.
Operational Ready

Billing & Payments

End-to-end billing operations including statement viewing, payment scheduling, direct debit management, and intelligent payment forecasting. Fully integrated with Kraken.
Billing Automation

API-First Architecture

Built-in API key management and developer tools for seamless integrations. Full GraphQL support with type-safe queries and comprehensive documentation.
Developer Friendly

Multi-Market Ready

Out-of-the-box internationalization supporting multiple languages, currencies, and regional requirements. Easily configure for new markets without code changes.
Global Scale

Modern, Accessible UI

Built with Radix UI for WCAG-compliant, responsive interfaces. Consistent design tokens, dark mode support, and mobile-first responsive layouts.
Accessible

Authentication & Security

Flexible authentication options including email/password login, masquerade for support users, and expiring URLs for secure temporary access. Built-in session management and secure token handling.
Enterprise Security
Developer Experience

Built for Developers, Loved by Business

Modern tech stack with comprehensive tooling and documentation
โš›๏ธ
Next.js 15React 19 + RSC
๐Ÿ”ท
GraphQLType-safe APIs
๐Ÿ“˜
TypeScript100% typed
โœ…
VitestTesting ready
๐Ÿš€

Fast Development

Hot reload, instant feedback, and blazing-fast builds. Get from idea to production in record time with our optimized dev environment.
HMRFast RefreshTurbopack
๐Ÿ”’

Type Safety

End-to-end type safety from GraphQL schemas to TypeScript. Catch errors at compile-time with fully typed queries, mutations, and responses. No runtime surprises.
gql.tadaCodegen
๐Ÿ“š

Rich Documentation

Comprehensive documentation with live Storybook examples, detailed API references, and step-by-step guides. See exactly how features work with real code examples.
StorybookAPI DocsGuides
๐Ÿ”Œ

GraphQL API

Query exactly what you need, nothing more. Fully typed queries with automatic documentation and built-in validation.
Typed QueriesAuto Docs
๐Ÿงช

Testing Built-In

Comprehensive testing infrastructure with unit, integration, and E2E tests. Mock client, server, and Edge Runtime requests seamlessly. Test with confidence.
VitestPlaywrightMSW
๐ŸŽจ

Component Library

Bring your own design system with complete flexibility. Headless architecture means you choose the UI library while we handle the logic. Build with any component library that fits your brand.
HeadlessWCAG AAFlexible

Get Started with Blueprint

Choose your path and see what's involved
Start with our complete foundation app. Clone the repository and build on top of a production-ready codebase with all core features included.
1

Kraken Instance Deployed

Your Kraken API instance is deployed and ready. This is your foundation for all energy operations.
2

Clone Blueprint Repository

Clone the Blueprint repository and install dependencies. You'll have a complete foundation app with authentication, billing, dashboard, and more.
3

Configure Environment

Configure environment variables, connect to your Kraken API, and set up optional services like CMS, SEO management, and analytics.
4

Customize & Brand

Customize branding, configure regional settings, and choose your design system - use our adopted open-source design system or bring your own.
5

Deploy to Production

Deploy to production with your preferred deployment provider and CI/CD services. Your consumer site is live and ready to serve customers.

Ready to Build Your Consumer Site?

Explore the live demo with test credentials or dive into our comprehensive documentation to get started.
Questions? Contact the Kraken Sales team for personalized guidance.
๐Ÿช We use cookies to provide a great experience. If you're happy with this, continue browsing. Read more.
Blueprint accelerates your digital build by spinning up Kraken-powered consumer sites using pre-built features and utilities