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
MCP Server
Use the Model Context Protocol (MCP) server to build storefronts with AI assistance, integrating seamlessly with your development workflow.
Getting Started
Ready to build your first custom storefront? Start with our getting started guide.