{"id":28098580,"url":"https://github.com/joshistoast/svelte-storefront","last_synced_at":"2025-07-04T02:34:47.598Z","repository":{"id":176350671,"uuid":"649899914","full_name":"joshistoast/svelte-storefront","owner":"joshistoast","description":"An evolving SvelteKit-based template for custom Shopify storefronts, mirroring the features of Shopify's Hydrogen","archived":false,"fork":false,"pushed_at":"2024-09-10T20:38:59.000Z","size":316,"stargazers_count":36,"open_issues_count":1,"forks_count":5,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-13T18:01:43.999Z","etag":null,"topics":["shopify","shopify-hydrogen","storefront-api","svelte","sveltekit"],"latest_commit_sha":null,"homepage":"https://svelte-storefront.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joshistoast.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-06-05T22:17:51.000Z","updated_at":"2025-05-06T08:39:49.000Z","dependencies_parsed_at":"2024-09-10T23:15:47.041Z","dependency_job_id":"4efded50-86d3-40e5-b95d-cb331e16f48f","html_url":"https://github.com/joshistoast/svelte-storefront","commit_stats":null,"previous_names":["joshwcorbett/svelte-storefront","joshistoast/svelte-storefront"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/joshistoast/svelte-storefront","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshistoast%2Fsvelte-storefront","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshistoast%2Fsvelte-storefront/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshistoast%2Fsvelte-storefront/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshistoast%2Fsvelte-storefront/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joshistoast","download_url":"https://codeload.github.com/joshistoast/svelte-storefront/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshistoast%2Fsvelte-storefront/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263434424,"owners_count":23465958,"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":["shopify","shopify-hydrogen","storefront-api","svelte","sveltekit"],"created_at":"2025-05-13T17:58:14.867Z","updated_at":"2025-07-04T02:34:47.542Z","avatar_url":"https://github.com/joshistoast.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🛍️ Svelte Storefront\n\n🚧 This project aims to bring the magic of Shopify's Hydrogen storefront features to the Svelte world. This project is still on the assembly line, but I'm aiming to shape it into a go-to boilerplate/template that can ease the process of building a personalized Shopify storefront using everyone's beloved JavaScript framework - Sveltekit.\n\n**💧 What is Hydrogen?**\u003cbr /\u003e\nHydrogen is Shopify’s stack for headless commerce. It provides a set of tools, utilities, and best-in-class examples for building dynamic and performant commerce applications. Hydrogen is designed to dovetail with Remix, Shopify’s full stack web framework, but it also provides a React library portable to other supporting frameworks.\n\n## ⚡ Key Features\n\nAll the features you'd expect from a modern headless eCommerce storefront, and more:\n\n- 🌐 **SSR**: Server-Side Rendering for superior SEO and initial load performance.\n- 🎨 **Style-Free**: No predefined styles to hold you back. Freedom to create your unique storefront design.\n- 💨 **Tailwind**: Lean and fast CSS framework tailored for modern frontend development.\n- 🚀 **Fast**: Engineered for high-speed performance and optimal user experience.\n- ⚙️ **Optimized**: Crafted with best practices for efficient resource utilization.\n- 🧹 **Clean Code**: Well-structured, readable, and maintainable codebase.\n\n## 🎈Shopify Features\n\nAlmost every aspect and feature of a Shopify theme is covered in this project. Here's a list of the features that are currently implemented:\n\n- 🌐 URL-based Localization \u0026 Currency Conversion\n- 🏬 Collection Pages\n- 📦 Product Pages\n- 🔍 Product Search\n- 🔒 Authentication \u0026 Account Pages\n- 📧 Customer account activation via email\n- 🛒 Fully functional cart\n- 📖 Blog Pages\n- 🎟️ Discount URL handling\n- 📃 Policy Pages\n- 📑 Standard Shopify Pages\n- 🔀 URL Redirects\n\n## 📝 To Do\n\n- [ ] 📈 Sync Analytics with Shopify Admin\n- [ ] ↕️ Filtering \u0026 Sorting collections\n- [ ] 🔗 Convert shopify links to local links where applicable\n\n## 💡 Prerequisites\n\nBefore getting started, make sure you have the following:\n\n- Node.js installed (preferably the latest version)\n- A Shopify account and a store to work with\n- Basic understanding of Svelte and JavaScript/TypeScript\n\n## 🚀 Getting Started\n\n1. 📂 Clone the repo\n2. 💻 Install Dependencies\n\n   ```bash\n    pnpm install\n   ```\n\n   \u003e You can use your package manager of choice, but I strongly recommend `pnpm`\n\n3. 🔑 Create a .env file in the root of the project and fill in the required variables\n\n   An example .env.example file is provided to guide you, the two essentials that need replacing are:\n\n   ```bash\n   PUBLIC_STOREFRONT_API_TOKEN=\"your-public-token-here\"\n   PUBLIC_STORE_DOMAIN=\"your-store.myshopify.com\"\n   # Optional\n   PUBLIC_STOREFRONT_API_VERSION=\"2023-07\"\n   ```\n\n   \u003e To get the `PUBLIC_STOREFRONT_API_TOKEN` and `PUBLIC_STORE_DOMAIN`, refer to the Shopify API Documentation [here](https://shopify.dev/docs/api/storefront#authentication).\n\n4. 🚦 Run the project locally\n\n   ```bash\n   pnpm dev\n   ```\n\n5. 🎉 Start building your storefront!\n\n   There's more under the hood, and detailed documentation is coming soon.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoshistoast%2Fsvelte-storefront","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoshistoast%2Fsvelte-storefront","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoshistoast%2Fsvelte-storefront/lists"}