The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have WIP for MedusaJS, Woocommerce, Bigcommerce and Shopify. The API approach also allows you to merge Svelte Commerce with any third-party tool like payment gateways, POS or AI.
Reach out to me with queries!
Big Brands using svelte-commerce
What is it?
Svelte Commerce is a PWA storefront for your existing eCommerce based on Sveltekit.
It is possible to connect with any eCommerce backend that provides an API
We are working on adaptors of Medusajs, Shopify, Magento, Woocommerce, Litekart, Bigcommerce
Features
👨🏻💻 Its both SSR and SPA
🚀 Superfast
🔗 It is possible to connect with any eCommerce backend if the backend has Rest API
🔓 Svelte Commerce is free and open source. Download and modify it the way you want
🛒 Most of the essential features for ecommerce are already integrated
💰 No need to make a big leap or invest huge amount. Just take this opend source project and attach to existing backend.
Get Started
git clone https://github.com/itswadesh/svelte-commerce.git
cd svelte-commerce
npm i
npm run dev
Thats all !
Open http://localhost:3000 on chrome. Your app should be live with awesome sveltekit up and running
Configuration
There are 3 places to configure
src/lib/config/
All non secret and application wide configs are stored here, if required, change according to your requirement.
.env
All secrets stored here
src/lib/services/index.ts
This is used to define which service to use. Only 1 of the listed service can be active at a time. Valid values are Litekart Medusa Bigcommerce Shopify Woocommerce
Deployment
Click on the button to directly deploy to Netlify or Vercel. Zero configuration required.
The following envirnoment variable is mandatory
PUBLIC_LITEKART_DOMAIN=demo.litekart.in
You can replace the env variable with your store domain
Docker
We also support docker images, use the following command to pull the latest docker image and deploy it:
docker run -d -p 3000:3000 ghcr.io/itswadesh/svelte-commerce:latest
Features
Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Open Source
Updates
Latest update: 07-February-2023
Click here to see all the updates
07-Jun-2023 - Deeplinking for social aharing buttons
07-February-2023 - Prettified.
06-February-2023 - Sveltekit 1.5
15-December-2022 - Sveltekit 1.0 - Finally.
05-December-2022 - fix: Close message
30-November-2022 - Fixed: Coupon apply and remove, Added: Back to top fade animation
Wherever we need store info at server page, we get it from its own api call, if store info requires in client page we take it from the layout.ts page where cached store into is available