React + Stripe + Vercel - Online Store

When you want to kick-start your online shop, you tend to use Shopify or other e-commerce platforms. And usually in those platforms, you have a large overhead of learning the tooling, updating product information inventory etc. Plus the costs involve monthly fixed costs of approx 20-30 euros + charges on every sale.

But if you are someone like me, you would want to run your store at zero running cost in spite of your sales and only pay a small Stripe fee for successful sales. ✨And this is the right product for you.✨

Check out the live demo, and if you decide to buy and implement it from your end worry not, there is a great setup guide that will help you through the process.

Live Demo 🚀✨

Tech stack 📚

• React.js 18
• Recoil
• Typescript
• Chakra-ui
• Framer-motion
• Stripe API (Payments and Dashboard)
• Vercel (Serverless API and Deployment)

Features 🎡

• Zero running-cost tech stack.

• Good old CSR and no fancy SSR.
• Well thought about application architecture.
• Atomic state-management with Recoil.
• Client-side Routing with React-Router.
• Route-animations with Framer-motion.
• Webpack 5 build process with contenthash and caching.
• Serverless backend using Vercel's api folder.
• Payment processing and admin dashboard from Stripe.
• Fully responsive and suitable for all devices.
• Long-term support included.

Download the code and go to the setup guide 👨🏾‍💻

Disclaimer: The code you download doesn't have the same text content used in the live demo as its specific to my shop, but for the sake of aesthetics, I have used the same links of the images used in my shop and kept the logo and favicon of my shop, please replace it with your respective content.

Support ☎️

• email me at rajeshdavid.b@gmail.com (response time 6 to 12 hours)

Checkout my other works and hobby projects on my portfolio