Small Sticker Store is an open-source Gatsby V2 e-commerce template for selling stickers and programmer goodies, powered by a Strapi content backend and rendered as a static site. The store takes product data from Strapi through the strapi-sdk-javascript package and displays it on screen with Gatsby and Emotion, while a dynamic order-search dashboard runs as client-only routes protected by GitHub OAuth.
What is Small Sticker Store?
Small Sticker Store is a full storefront template originally built by the Gatsby team to sell stickers and other developer-themed merch at smallsticker.com. It combines Gatsby's static rendering with Strapi as a headless CMS, using the gatsby-source-strapi plugin to pull product data at build time and strapi-sdk-javascript to interact with the Strapi API. The result is a fast, pre-rendered catalog with a separate dynamic section for order tracking.
Key Features
- Gatsby V2 static rendering — the entire storefront is statically rendered at build time using gatsby-source-strapi, so product pages are pre-generated for fast loading.
- Strapi CMS integration — products and content are managed through Strapi, giving store owners a headless CMS to update inventory without changing code.
- Emotion styling — components are styled with Emotion, a CSS-in-JS library that keeps styles colocated with components and themeable.
- Client-only order dashboard — order search runs as a dynamic app using client-only Gatsby routes, separate from the static pages.
- GitHub OAuth authentication — customers log in with their GitHub account to search orders, tying each order to a developer identity.
- Multiple payment methods — the FAQ mentions a known WeChat Pay (weixin pay) compatibility issue, indicating WeChat Pay is among the supported payment options.
- Live reference store — the project powers smallsticker.com, serving as a working demo and production example of the codebase.
Who is it for?
- Open-source maintainers and developers — can spin up their own merch store to sell stickers, socks, and other goodies to their community without building a storefront from scratch.
- Gatsby developers — get a complete example of combining Gatsby static rendering with a Strapi CMS backend and client-only routes in one project.
- Sticker shop owners — can use the template as the foundation for a developer-focused sticker business, with built-in order tracking through GitHub OAuth.
What can you do with it?
- Launch a developer merch store: set up Strapi with your product list and deploy the Gatsby site to instantly have a storefront with product pages.
- Implement order tracking: let customers find their orders by logging in with the same GitHub account they used at checkout.
- Learn a full-stack Gatsby + Strapi pattern: study how static pages and a dynamic dashboard coexist, with gatsby-source-strapi feeding product data at build time.
FAQ
Why does it say I don't find my order when I enter GitHub login?
Try opening the store in an incognito window and then proceed to check out. When checking out, make sure you're using the same GitHub account that's listed on your order email.
Why can't I get the store to authenticate?
The likely cause is a local storage issue that only appears in Safari-based browsers, including all iOS browsers. The project tracks this in issue #106 on the store's GitHub repo.
Why won't weixin pay work?
This is reported as a Safari cross-browser compatibility issue, currently being fixed, and it only seems to occur in Safari-based browsers. Issue #106 has details and a place to help.
