{"id":13405974,"url":"https://github.com/itswadesh/svelte-commerce","last_synced_at":"2025-05-14T10:07:54.119Z","repository":{"id":37175681,"uuid":"213575283","full_name":"itswadesh/svelte-commerce","owner":"itswadesh","description":"The open-source storefront for any ecommerce. Built with a PWA and headless approach, using a modern JS stack. Works with Litekart, Medusa. WIP for Woocommerce, Bigcommerce and Shopify.","archived":false,"fork":false,"pushed_at":"2024-10-26T09:13:38.000Z","size":73812,"stargazers_count":1566,"open_issues_count":11,"forks_count":303,"subscribers_count":33,"default_branch":"master","last_synced_at":"2024-10-29T15:17:38.044Z","etag":null,"topics":["cart","ecommerce","faceted-search","filters","headless","jamstack","javascript","pwa","rest-api","shopping-cart","svelte","tailwind","tailwindcss","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://arialshop.com","language":"Svelte","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/itswadesh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":"github:itswadesh"},"created_at":"2019-10-08T07:24:43.000Z","updated_at":"2024-10-28T22:33:58.000Z","dependencies_parsed_at":"2023-10-14T17:39:34.181Z","dependency_job_id":"58b71c22-ce92-4039-93b4-d1a0beabb97d","html_url":"https://github.com/itswadesh/svelte-commerce","commit_stats":null,"previous_names":["itswadesh/sapper-ecommerce"],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itswadesh%2Fsvelte-commerce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itswadesh%2Fsvelte-commerce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itswadesh%2Fsvelte-commerce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itswadesh%2Fsvelte-commerce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/itswadesh","download_url":"https://codeload.github.com/itswadesh/svelte-commerce/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248336076,"owners_count":21086706,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cart","ecommerce","faceted-search","filters","headless","jamstack","javascript","pwa","rest-api","shopping-cart","svelte","tailwind","tailwindcss","typescript","vercel"],"created_at":"2024-07-30T19:02:17.483Z","updated_at":"2025-04-11T03:33:32.624Z","avatar_url":"https://github.com/itswadesh.png","language":"Svelte","funding_links":[],"categories":["Svelte","Sites","javascript","Uncategorized","📦 Built With Svelte"],"sub_categories":["Uncategorized","Open-Source Projects"],"readme":"\u003cdiv align=\"center\"\u003e\n\u003ch2\u003eSvelte Commerce\u003c/h2\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n**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.**\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\" width=\"60%\" height=\"auto\"\u003e\n  \u003cbr/\u003e\n \u003ca href=\"https://litekart.in\"\u003e \u003cimg src=\"https://res.cloudinary.com/itswadesh/image/upload/v1678600224/litekart/free_for_developers_1.png\"/\u003e\u003c/a\u003e\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cbr\u003e\n    \u003cimg width=\"400\" src=\".github/svelte-commerce.gif\" \u003e\n    \u003cimg width=\"400\" src=\".github/svelte-commerce-demo.gif\" hspace=\"5\"\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\u003cp align=\"center\"\u003e\n\u003cimg height=\"400\" src=\".github/home-page-mobile.jpg\" hspace=\"10\"\u003e\n\u003cimg height=\"400\" src=\".github/catalog-listing-mobile.jpg\" hspace=\"10\"\u003e\n\u003cimg height=\"400\" src=\".github/product-details-mobile.jpg\" hspace=\"10\"\u003e\n\u003cp/\u003e\n\u003cbr/\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Made_With-Svelte-red.svg?style=for-the-badge\u0026color=dc8a78\u0026logoColor=FF3E00\u0026labelColor=302D41\u0026logo=svelte\"\u003e\u003cbr/\u003e\u003cbr/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Maintained%3F-Yes-blueviolet?style=for-the-badge\u0026color=209fb5\u0026labelColor=5c5f77\"\u003e\n\t\u003ca href=\"https://github.com/itswadesh/svelte-commerce/stargazers\" target=\"_blank\"\u003e\n\t\t\u003cimg alt=\"Stargazers\" src=\"https://img.shields.io/github/stars/itswadesh/svelte-commerce?style=for-the-badge\u0026logo=starship\u0026color=C9CBFF\u0026logoColor=D9E0EE\u0026labelColor=302D41\"\u003e\u003c/a\u003e\n\t\u003ca href=\"https://github.com/itswadesh/svelte-commerce/issues\" target=\"_blank\"\u003e\n\t\t\u003cimg alt=\"Issues\" src=\"https://img.shields.io/github/issues/itswadesh/svelte-commerce?style=for-the-badge\u0026logo=gitbook\u0026color=B5E8E0\u0026logoColor=D9E0EE\u0026labelColor=302D41\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://t.me/itswadesh\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Telegram\" src=\"https://img.shields.io/badge/Telegram-itswadesh-blue.svg?style=for-the-badge\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr/\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/itswadesh/svelte-commerce/discussions/new/choose\" target=\"_blank\"\u003e\n    \u003cpicture\u003e\n      \u003csource srcset=\"assets/social/macchiato_github.svg\" width=\"64\" height=\"64\" alt=\"Github Logo\" media=\"(prefers-color-scheme: dark)\"/\u003e\n      \u003csource srcset=\"assets/social/latte_github.svg\" width=\"64\" height=\"64\" alt=\"Github Logo\" media=\"(prefers-color-scheme: light), (prefers-color-scheme: no-preference)\"/\u003e\n      \u003cimg src=\"assets/social/latte_github.svg\" width=\"64\" height=\"64\" alt=\"Github Logo\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"5\"/\u003e\n  \u003ca href=\"https://discord.gg/GgdAeccwDR\" target=\"_blank\"\u003e\n    \u003cpicture\u003e\n      \u003csource srcset=\"assets/social/macchiato_discord.svg\" width=\"64\" height=\"64\" alt=\"Discord Logo\" media=\"(prefers-color-scheme: dark)\"/\u003e\n      \u003csource srcset=\"assets/social/latte_discord.svg\" width=\"64\" height=\"64\" alt=\"Discord Logo\" media=\"(prefers-color-scheme: light), (prefers-color-scheme: no-preference)\"/\u003e\n      \u003cimg src=\"assets/social/latte_discord.svg\" width=\"64\" height=\"64\" alt=\"Discord Logo\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"5\"/\u003e\n  \u003ca href=\"https://twitter.com/itswadesh\" target=\"_blank\"\u003e\n    \u003cpicture\u003e\n      \u003csource srcset=\"assets/social/macchiato_twitter.svg\" width=\"64\" height=\"64\" alt=\"Twitter Logo\" media=\"(prefers-color-scheme: dark)\"/\u003e\n      \u003csource srcset=\"assets/social/latte_twitter.svg\" width=\"64\" height=\"64\" alt=\"Twitter Logo\" media=\"(prefers-color-scheme: light), (prefers-color-scheme: no-preference)\"/\u003e\n      \u003cimg src=\"assets/social/latte_twitter.svg\" width=\"64\" height=\"64\" alt=\"Twitter Logo\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"5\"/\u003e\n  \u003ca href=\"https://reddit.com/u/itswadesh\" target=\"_blank\"\u003e\n    \u003cpicture\u003e\n      \u003csource srcset=\"assets/social/macchiato_reddit.svg\" width=\"64\" height=\"64\" alt=\"Reddit Logo\" media=\"(prefers-color-scheme: dark)\"/\u003e\n      \u003csource srcset=\"assets/social/latte_reddit.svg\" width=\"64\" height=\"64\" alt=\"Reddit Logo\" media=\"(prefers-color-scheme: light), (prefers-color-scheme: no-preference)\"/\u003e\n      \u003cimg src=\"assets/social/latte_reddit.svg\" width=\"64\" height=\"64\" alt=\"Reddit Logo\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\nReach out to me with queries!\n\u003c/p\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\n\u003cdiv align=\"\"\u003e\n\n### Big Brands using `svelte-commerce`\n\n\u003c/div\u003e\n\u003cbr/\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://tesoro.pk/\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://res.cloudinary.com/itswadesh/image/upload/v1682424690/tesoro.png?tr=w-auto,h-80,ar-3-4,cm-pad_resize\u0026sharpen=true\" height=\"64\" alt=\"Tesoro\"\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"15\"/\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"15\"/\u003e\n  \u003ca href=\"https://varnijewels.com/\" target=\"_blank\"\u003e\n    \u003cimg src=\"./static/varnijewels.jpg\" height=\"64\" alt=\"Varni Jewels\"\u003e\n    \u003c!-- \u003cimg src=\"https://ik.imagekit.io/3n6cglxq6/img/varni-logo_1619291754__34835-qt10qx2uq90x.webp?tr=w-auto,h-80,ar-3-4,cm-pad_resize\u0026sharpen=true\" height=\"64\" alt=\"Varni Jewels\"\u003e --\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"15\"/\u003e\n  \u003ca style=\"color:white\" href=\"https://lrnr.in/\" target=\"_blank\"\u003e\n    \u003cimg style=\"color:white\" src=\"./static/lrnr.svg\" height=\"64\" alt=\"LRNR\"\u003e\n    \u003c!-- \u003cimg src=\"https://res.cloudinary.com/itswadesh/image/upload/v1682423814/logo-lrnr.png?tr=w-auto,h-80,ar-3-4,cm-pad_resize\u0026sharpen=true\" height=\"64\" alt=\"LRNR\"\u003e --\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"15\"/\u003e\n  \u003c!-- \u003ca href=\"https://tablez.com/\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://tablez.com/icon.png\" height=\"64\" alt=\"Tablez\"\u003e\n  \u003c/a\u003e --\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"15\"/\u003e\n  \u003ca href=\"https://b.zapvi.in/\" target=\"_blank\"\u003e\n    \u003cimg style=\"padding:10px;padding-bottom:0;\" src=\"./static/zapvi.svg\" height=\"64\" alt=\"Zapvi\"\u003e\n    \u003c!-- \u003cimg src=\"https://cdn.zapvi.in/img/Zapvi-Black-Logo-iKPQP43npcI2.svg?width=3\u0026height=4\u0026blur=25\u0026aspect_ratio=3:4\" height=\"64\" alt=\"Misiki\"\u003e --\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"15\"/\u003e\n  \u003ca href=\"https://secretgreen.com.au/\" target=\"_blank\"\u003e\n    \u003cimg style=\"padding:10px;padding-bottom:0;\" src=\"./static/secretgreen.jpg\" height=\"64\" alt=\"Secretgreen\"\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"15\"/\u003e\n  \u003cdiv\u003e\n\u003c!--     \u003cimg src=\"https://res.cloudinary.com/itswadesh/image/upload/v1682424327/clicky_logo-97724356932.png?width=3\u0026height=4\u0026blur=25\u0026aspect_ratio=3:4\" height=\"64\" alt=\"Clicky\"\u003e --\u003e\n  \u003c/div\u003e\n\n\u003c/p\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\n## What is it?\n\n- Svelte Commerce is a PWA storefront for your existing eCommerce based on Sveltekit.\n- It is possible to connect with any eCommerce backend that provides an API\n- We are working on adaptors of Medusajs, Shopify, Magento, Woocommerce, Litekart, Bigcommerce\n\n## Features\n\n- 👨🏻‍💻 Its both SSR and SPA\n- 🚀 Superfast\n- 🔗 It is possible to connect with any eCommerce backend if the backend has Rest API\n- 🔓 Svelte Commerce is free and open source. Download and modify it the way you want\n- 🛒 Most of the essential features for ecommerce are already integrated\n- 💰 No need to make a big leap or invest huge amount. Just take this opend source project and attach to existing backend.\n\n## Get Started\n\n```\ngit clone https://github.com/itswadesh/svelte-commerce.git\ncd svelte-commerce\nnpm i\nnpm run dev\n```\n\nThats all !\n\nOpen http://localhost:3000 on chrome. Your app should be live with awesome sveltekit up and running\n\n## Configuration\n\nThere are 3 places to configure\n\n1. `src/lib/config/`\n   All non secret and application wide configs are stored here, if required, change according to your requirement.\n\n2. `.env`\n   All secrets stored here\n\n3. `src/lib/services/index.ts`\n   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`\n\n## Deployment\n\nClick on the button to directly deploy to Netlify or Vercel. Zero configuration required.\n\n\u003ca href=\"https://app.netlify.com/start/deploy?repository=https://github.com/itswadesh/svelte-commerce\" aria-label=\"Click to deploy into netlify\"\u003e\n\u003cimg src=\"https://www.netlify.com/img/deploy/button.svg\" alt=\"Deploy to netlify\"\u003e\n\u003c/a\u003e\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fitswadesh%2Fsvelte-commerce\u0026env=PUBLIC_LITEKART_DOMAIN\u0026envDescription=demo.litekart.in)\n\nThe following envirnoment variable is mandatory\n\n```\nPUBLIC_LITEKART_DOMAIN=demo.litekart.in\n```\n\nYou can replace the env variable with your store domain\n\n### Docker\n\nWe also support docker images, use the following command to pull the latest docker image and deploy it:\n\n```sh\ndocker run -d -p 3000:3000 ghcr.io/itswadesh/svelte-commerce:latest\n```\n\n## Features\n\n\u003c!-- If you like the ideas behind Svelte Commerce and want to become a contributor - [join github discussions](https://github.com/itswadesh/svelte-commerce/discussions/new/choose), check the list of the [active issues](https://github.com/itswadesh/svelte-commerce/issues) or contact me directly via hi@litekart.in --\u003e\n\nSvelte ecommerce - Headless, Authentication, Cart \u0026 Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Open Source\n\n## Updates\n\nLatest update: 07-February-2023\n\n\u003cdetails\u003e\n\u003csummary\u003eClick here to see all the updates\u003c/summary\u003e\n\n- 07-Jun-2023 - Deeplinking for social aharing buttons\n- 07-February-2023 - Prettified.\n- 06-February-2023 - Sveltekit 1.5\n- 15-December-2022 - Sveltekit 1.0 - Finally.\n- 05-December-2022 - fix: Close message\n- 30-November-2022 - Fixed: Coupon apply and remove, Added: Back to top fade animation\n- 29-November-2022 - Improved image lazy loading technique\n- 29-November-2022 - Added Price and Discount filters to product catalog\n- 29-November-2022 - Preload data on link hover\n- 25-November-2022 - Service worker added\n- 10-November-2022 - Product options introduced\n- 04-November-2022 - Added verify pincode / zip\n- 03-November-2022 - New slider added for more control over design\n- 02-November-2022 - Cleanup unused packages\n- 31-October-2022 - Dynamic searchbat text\n- 31-October-2022 - Added title, description, keywords\n- 27-October-2022 - Improved megamenu layout\n- 24-October-2022 - fix: login, order success, failed payment, frequently bought together\n- 20-October-2022 - Sentry added\n- 20-October-2022 - Zero-configuration Coolify deployment\n- 16-October-2022 - SEO attributes Added\n- 11-October-2022 - Add to cart animation\n- 30-September-2022 - Attached to ResT API Backend, Migrated to new Sveltekit version\n- 12-September-2022 - Modal based mobile device search instead of page based\n- 12-September-2022 - New fully working theme launched\n- 04-September-2022 - Product schema Added\n- 26-August-2022 - Added Trending Products section\n- 26-April-2022 - Latest SvelteKit version\n- 26-April-2022 - Improved image lazy loading\n- 26-April-2022 - New Banners section\n- 26-April-2022 - New Authentication System\n- 26-April-2022 - New Blogs section\n- 24-April-2022 - Zero-configuration Vercel deployment\n- 22-July-2021 - Integrated with netlify deployment\n- 07-May-2021 - Completely Migrated to SvelteKit\n\n\u003c/details\u003e\n\n### IDEAS\n\nWherever 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\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitswadesh%2Fsvelte-commerce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitswadesh%2Fsvelte-commerce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitswadesh%2Fsvelte-commerce/lists"}