Building Custom Storefronts
Build modern, headless custom storefronts with Finqu’s authenticated GraphQL Storefront API, Nexus theme, and developer tools.
What is a Custom Storefront?
A custom storefront is a headless commerce frontend that connects to Finqu’s authenticated Storefront GraphQL API. Unlike traditional Liquid themes, custom storefronts provide:
- Full customer authentication - Secure customer accounts and personalized experiences
- Modern tech stack - Built with Next.js, React, and modern web technologies
- Visual editing - Use Puck for visual page building and content management
- Flexible architecture - Complete control over your frontend implementation
- Developer tools - SDK, libraries, and CLI commands to accelerate development
Key Components
Nexus Theme
Nexus is Finqu’s official Next.js-based storefront theme. It includes:
- Pre-built components and pages
- Puck integration for visual editing
- Authentication flows
- Cart and checkout functionality
- SEO optimization
- Performance best practices
Storefront SDK & Library
Use our TypeScript SDK and library to interact with the Storefront GraphQL API:
- storefront-sdk - High-level SDK for common operations
- storefront-lib - Lower-level library for custom implementations
CLI Commands
The Finqu CLI includes storefront-specific commands for:
- Initializing new storefront projects
- Managing storefront configurations
- Deploying storefronts
- Development workflows
UCP & Agentic Commerce
Expose your store to AI agents through the Universal Commerce Protocol (UCP). Enable UCP in channel settings and build agent integrations with the Agentic Commerce guides.
Getting Started
Ready to build your first custom storefront? Start with our getting started guide.