Build your own Headless eCommerce storefront with React and Snipcart, and deliver swag powered by Printful. End to end commerce, styled using Tailwind CSS and deployed with one click.
Hi all, Jamie here 👋
Today I'm excited to announce the Headless Dropshipping Starter I've been working on for the past several weeks. 😅
This product is aimed at developers (and agencies) who are looking to launch a headless drop-shipping store from scratch, or drop in to an existing Next.js site.
It's built with Next.js, Tailwind CSS, and TypeScript.
Orders are captured using Snipcart 💳, and automatically fulfilled using Printful 📦.
This starter comes production-ready with some kickass features out of the box. There isn't anything to configure, unless you want to.
Launching this yourself is pretty straightforward:
1️⃣ You create your product inventory inside Printful.
2️⃣ You connect your payment gateway to Snipcart, and configure your webhooks.
3️⃣ You one-click deploy to Vercel.
I couldn't be any happier to share this with you today on ProductHunt, and if you have any questions, I'll be happy to answer.
Don't forget to check the demo video out to see this in action 📺
My goal for this was to help others in setting up their own headless drop-shipping storefront as quickly as possible building a modern stack.
Let me know what you think! 💜
@notrab This is the future! thank you for making this. Is this close to no-code/low-code? and also is it possible to do on payment gateway to connect with stripe?
@fajarsiddiq Hey! Thanks for the support. I'd say it's pretty close, but I built this with the intention for others to take it, and customize to their liking.
I also decided to go with Snipcart for their "hands off" approach to Cart + Checkout, as well as the support for Stripe, abandoned recovery campaigns, customer logins for previous orders, and overall developer experience.
Let me know if you have anymore comments or questions, I'd be happy to run you through the app, and what goes on in the background if you like.
Report
Congrats on the launch @notrab! I'm always happy to admit if I don't understand/know something. As such, what does "headless" mean in this case? When it comes to eCommerce/dropshipping. Thanks for clarifying!
@dr_dani Hey, thanks for the support, and great question!
In this case, we use the Printful Headless API to build a custom storefront. The starter also uses Snipcart webhooks to trigger automatic fulfilment. Printful doesn't decide what we build on the frontend (the head), so we use the API to go completely headless.
If you're keen to learn more about headless ecommerce, I created a resource listing some of the best in the business services: https://headlesscommerce.org
Report
Dropshipping is by design not eco-friendly at all, and so : it sucks, nevermind the quality of the product behind.
@arthur_briere Great feedback! I've been really pleased with the quality of product from Printful, and they have committed to limiting waste. This was a big decision when finding a printing partner. See their sustainability responsibility page for more info if you're interested. https://www.printful.com/sustain...
Report
@notrab excuse me for being scathing :)
I just want to represent people engaged in sustainability.
And even they have a sustainability page (who doesn't have today ?), dropshipping is and will always remain extremely polluting because, by definition, it's only about importing stuff from thousand of kilometers whithout local buffer (warehouse). It's a non-sense, but I don't really know where you come from, depending your culture what I say could look "extremist", but let's face the reality of a suffocating world instead of "reducing waste".
I don't want to support your project just for theses reasons, but I don't say at all your work is bad, your work looks good. :)
@arthur_briere That's great to know. I have a friend who bought £250,000 worth of stock that's just sat in his warehouse, and hasn't sold, which will almost go to landfill.
I guess it can work both ways 😅
Report
Love the simplicity! Would it be possible to checkout with a payment system that offers crypto as a payment? Like https://www.coindesk.com/online-...
@karim_parto I guess there's no reason why you couldn't take the code and implement this. Snipcart might not support it, but you could swap that out if you wanted for something that supported crypto.
Report
And what if you wanted to manage a different type of inventory that's more custom? Would you easily be able to switch to something like sanity?
@charlotte_champion Yep. You can enhance the pages by programmatically building like you would with any CMS, and just layer in what you need from Printful. I've done this using the variant ID for example, so I can have unique pages enhanced and I connect the two using a common key.
Great to see a starter like this one blending a few different services into one easy starting point, great for those looking to quickly setup a drop-shipping side-hustle and customise as they grow... nice one @notrab!
@valdecarpentrie Think of this as a starter that a developer can use for a client project, or their own side hustle. Or an agency with (that employs developers) to build a dropshipping store for their customer. Dropshipping is huge in itself, but this starter just tries to make the process easier for those wanting their own storefront instead of a pre-built solution.
Headless Dropshipping Starter
MetaSurvey
Headless Dropshipping Starter
MetaSurvey
Headless Dropshipping Starter
Headless Dropshipping Starter
Headless Dropshipping Starter
Headless Dropshipping Starter
Headless Dropshipping Starter
Headless Dropshipping Starter
Order Legend
Headless Dropshipping Starter
Headless Dropshipping Starter