{"id":13417818,"url":"https://github.com/lloydjatkinson/astro-snipcart","last_synced_at":"2025-04-05T21:06:40.851Z","repository":{"id":50594896,"uuid":"486611277","full_name":"lloydjatkinson/astro-snipcart","owner":"lloydjatkinson","description":"Allows for the creation of E-Commerce sites using the Astro framework and Snipcart. Start your e-commerce business in minutes!","archived":false,"fork":false,"pushed_at":"2025-02-18T16:11:21.000Z","size":39017,"stargazers_count":109,"open_issues_count":0,"forks_count":22,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-03T12:57:40.030Z","etag":null,"topics":["astro","astrojs-ecommerce","cart","e-commerce","jamstack","online-shop","snipcart","snipcart-api"],"latest_commit_sha":null,"homepage":"https://astro-snipcart.vercel.app","language":"Astro","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/lloydjatkinson.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":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"open_collective":"lloyd-atkinson-open-collective"}},"created_at":"2022-04-28T13:43:25.000Z","updated_at":"2025-03-21T07:44:16.000Z","dependencies_parsed_at":"2025-03-15T03:02:25.300Z","dependency_job_id":"0f16fb9d-82ba-4ad0-829b-a05274a199cc","html_url":"https://github.com/lloydjatkinson/astro-snipcart","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lloydjatkinson%2Fastro-snipcart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lloydjatkinson%2Fastro-snipcart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lloydjatkinson%2Fastro-snipcart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lloydjatkinson%2Fastro-snipcart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lloydjatkinson","download_url":"https://codeload.github.com/lloydjatkinson/astro-snipcart/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247399873,"owners_count":20932876,"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":["astro","astrojs-ecommerce","cart","e-commerce","jamstack","online-shop","snipcart","snipcart-api"],"created_at":"2024-07-30T22:00:53.373Z","updated_at":"2025-04-05T21:06:40.832Z","avatar_url":"https://github.com/lloydjatkinson.png","language":"Astro","funding_links":["https://opencollective.com/lloyd-atkinson-open-collective"],"categories":["What Do I Use...","API","ℹ️ Repositories/Starter Kits/Components"],"sub_categories":["If I want to add E-Commerce?","E-commerce"],"readme":"\u003ch1 align=\"center\"\u003eWelcome to astro-snipcart 👋\u003c/h1\u003e\n\u003cp\u003e\n  \u003cimg alt=\"Version\" src=\"https://img.shields.io/badge/version-0.1.1-blue.svg?cacheSeconds=2592000\" /\u003e\n  \u003ca href=\"https://astro-snipcart.vercel.app/en/introduction\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Documentation\" src=\"https://img.shields.io/badge/documentation-yes-brightgreen.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"#\" target=\"_blank\"\u003e\n    \u003cimg alt=\"License: MIT\" src=\"https://img.shields.io/badge/License-MIT-yellow.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://twitter.com/lloydjatkinson\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Twitter: lloydjatkinson\" src=\"https://img.shields.io/twitter/follow/lloydjatkinson.svg?style=social\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003e Astro Snipcart allows developers to rapidly build E-Commerce sites using the Astro framework and the Snipcart platform. Create an e-commerce site with just a few lines of HTML and Astro components!\n\nThis Astro integration contains all of the features that you need to build an e-commerce site with [Snipcart](https://snipcart.com/), including:\n\n- ✅ **Automatic installation of the Snipcart library**\n- ✅ **Zero JavaScript by default (apart from Snipcart)**\n- ✅ **Astro components to define products**\n- ✅ **Astro components for features such as displaying basket and total price**\n- ✅ **TypeScript based product definitions surfaced as Astro component props**\n- ✅ **An optional small design system providing common e-commerce components**\n- 🔜 **Not just products, but subscription support also!**\n\n### 🏠 [Homepage](https://astro-snipcart.vercel.app/en/introduction)\n\n### ✨ [Demo](https://astro-snipcart-playground.vercel.app/)\n\n\n## Install Astro Snipcart\n\nThis provides you with a set of Astro components that allow you to define your products and enables checkout. They do not have any visual aspects, do not imply any sort of theme, and are up to you to work with. These are how your application and Snipcart interact.\n\n```sh\nnpm install @lloydjatkinson/astro-snipcart\n```\n\n## (Optional) Install Astro Snipcart Design System\n\nThis builds upon (and depends upon Astro Snipcart) and provides an optional E-Commerce orientated [design system](https://www.nngroup.com/articles/design-systems-101/#:~:text=Definition%3A%20A%20design%20system%20is,using%20reusable%20components%20and%20patterns.) which you can use all or parts of as the foundation for your E-Commerce site. In fact, you can build real-world sites as shown in [this playground demo](https://astro-snipcart-playground.vercel.app/).\n\n```sh\nnpm install @lloydjatkinson/astro-snipcart-design-system\n```\n\nYou'll then need to follow the steps to setup Tailwind and the [design system as per the Astro Snipcart documentation](https://astro-snipcart.vercel.app/en/design-system/getting-started)\n\nHere's a brief example of what you can do with the design system:\n\n```tsx\n\u003cStack\n    gap={{\n        mobile: 'small',\n        desktop: 'large'\n    }}\u003e\n    \u003cText\n        as=\"h1\"\n        size=\"xlarge\"\n        weight=\"strong\"\n        tracking=\"tighter\"\u003e\n        I'm some styled text!\n    \u003c/Text\u003e\n    \u003cPrice\n        currency=\"GBP\"\n        price={ 10 }\n        originalPrice={ 12 }\n        size=\"large\" /\u003e\n\u003c/Stack\u003e\n```\n\n![Astro Snipcart](packages/documentation/public//design-system-example-4.png \"Astro Snipcart\")\n\nWhich can be built up into real-world site designs:\n\n![Astro Snipcart](packages/documentation/public//design-system-example-5.png \"Astro Snipcart\")\n\n\n## Development and build\n\nThis project is a monoepo. Additionally, it uses pnpm as it's package manager. The `packages` directory is where the source is contained. \n\n## Install\n\n```sh\npnpm -r i\n```\n\n## Usage\n\n```sh\npnpm run docs\npnpm run playground\n```\n\n## Format \u0026 Lint\n```sh\npnpm -r format\npnpm -r lint\n```\n\n## Run tests\n\n```sh\npnpm -r test\n```\n\n## Author\n\n👤 **Lloyd Atkinson**\n\n* Website: [https://lloydatkinson.net](https://lloydatkinson.net?ref=github-astro-snipcart)\n* Twitter: [@lloydjatkinson](https://twitter.com/lloydjatkinson)\n* Github: [@lloydjatkinson](https://github.com/lloydjatkinson)\n\n\u003c!-- ## 🤝 Contributing\n\nContributions, issues and feature requests are welcome!\u003cbr /\u003eFeel free to check [issues page](https://github.com/lloydjatkinson/astro-snipcart/issues).  --\u003e\n\n## Show your support\n\nGive a ⭐️ if this project helped you!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flloydjatkinson%2Fastro-snipcart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flloydjatkinson%2Fastro-snipcart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flloydjatkinson%2Fastro-snipcart/lists"}