A storefront is any place customers can browse and purchase your products where you control the experience. This could be a website, app, chatbot, game, or physical point of sale. Since Swell is headless, a single store can power multiple storefronts, and anywhere you can use our APIs, you can sell. Whether you are using one of our themes or building your own frontend, you have complete control over the customer experience including checkout and post-purchase.
This article is meant as an introduction to storefronts on Swell. See our Storefronts section for additional resources relating to Swell storefronts.
There are endless ways to implement a storefront as well as endless ways to host them. Swell features hosting for its own storefront themes and is compatible with the use of other hosting providers such as Vercel or Netlify. Swell themes are not tied to Swell hosting either. If you have a preferred hosting provider in mind, see our hosting guides for more information.
Our storefront themes are prepackaged ecommerce websites tailored to support specific use cases. All of these themes are built off of the same schema and business logic. They vary in their advanced feature sets to provide unique selling experiences depending on your business model. Swell themes are completely customizable—built with Nuxt.js and styled with Tailwind CSS. Git repositories for all of our themes are accessible from our GitHub.
Our first, well-rounded starter theme covers all the bases for any ecommerce site's needs.
A theme dedicated to subscription business models that features advanced subscription tools without the need for any third-party apps.
This ecommerce starter kit features everything developers need to start creating their storefront. Next.js Commerce comes fully styled with all UI elements built-in and supports a number of features for performance optimization. Read more
Created by Swell partner Commit Studio, this Next.js ecommerce starter kit includes navigation, hero category gallery, featured products, promo section, email subscription, and custom portal sections. View on GitHub
Builder.io is a visual interface that uses your Swell data when creating your storefront. Along with its powerful visual editor, builder.io also offers analytics tools to inform your design decisions. This is another great no-code (or low code) storefront option. Read more
Our Backend API provides full control over your store's data, which inherently makes it unsafe to use in public contexts like browsers or applications that can be decompiled. To work around that and make it easier to get something live, we have Swell.js—a dedicated API and SDK for implementing the most common features you'd want in a storefront application. We recommend this as your starting point for custom solutions, augmenting it with additional endpoints or services for functionality that can't be achieved via webhooks.
See the Frontend API reference
Building a robust, optimized checkout experience is hard. If you're a solo developer or a small team, it's often not worth the effort required—especially if you have a tight deadline. That's why every cart has a checkout_url field, which links to our hosted checkout flow. While it covers the needs of most people, if you want a totally custom experience you can build out and implement your own checkout as well.
Moving beyond storefronts, we'll take a look at products, their features, and considerations for modeling them. Swell offers a variety of ways to organize, sell, and configure your store offerings—with variants, options, collections, and more.