{"id":26686800,"url":"https://github.com/madebyshape/shopify","last_synced_at":"2026-03-05T02:04:28.282Z","repository":{"id":266809380,"uuid":"898975822","full_name":"madebyshape/shopify","owner":"madebyshape","description":"Shopify Addon - Shopify CLI, Webpack, Tailwind \u0026 Alpine","archived":false,"fork":false,"pushed_at":"2026-02-11T13:45:45.000Z","size":257,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-02-11T21:49:12.652Z","etag":null,"topics":["alpinejs","shopify","shopify-cli","tailwindcss"],"latest_commit_sha":null,"homepage":"https://madebyshape.co.uk","language":"CSS","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/madebyshape.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-12-05T11:45:57.000Z","updated_at":"2026-02-11T13:45:48.000Z","dependencies_parsed_at":"2024-12-06T09:27:39.233Z","dependency_job_id":"d8947c81-3cb9-45e4-aba4-8015688c22cd","html_url":"https://github.com/madebyshape/shopify","commit_stats":null,"previous_names":["madebyshape/shopify"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/madebyshape/shopify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebyshape%2Fshopify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebyshape%2Fshopify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebyshape%2Fshopify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebyshape%2Fshopify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/madebyshape","download_url":"https://codeload.github.com/madebyshape/shopify/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madebyshape%2Fshopify/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30106178,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-05T01:39:18.192Z","status":"online","status_checked_at":"2026-03-05T02:00:06.710Z","response_time":93,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["alpinejs","shopify","shopify-cli","tailwindcss"],"created_at":"2025-03-26T12:14:34.662Z","updated_at":"2026-03-05T02:04:28.275Z","avatar_url":"https://github.com/madebyshape.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MadeByShape x Shopify\n\nThis is a Shopify starter [MadeByShape](https://madebyshape.co.uk) use internally for projects. It is intended to be used on top of an existing Shopify theme.\n\n## The Stack\n\n- [Webpack 5.x](https://webpack.js.org/)\n- [Tailwind CSS 4.x](https://tailwindcss.com)\n- [Alpine.js 3.x](https://alpinejs.dev/)\n- [Shopify CLI](https://shopify.dev/docs/themes/tools/cli/install)\n\n## Requirements\n\nBefore running any commands first install node (v20.11.1) and [shopify cli](https://shopify.dev/docs/themes/tools/cli/install) globally on your computer.\n\n## Setup\n\n### 1. Setup Theme\n\n1. Create a new repository for your new Shopify project.\n2. Add your theme files into the repository.\n3. Download a copy of this repository to your computer using the Code button above.\n4. Move these files into your repository.\n5. Login to your Shopify store and go to Online Store \u003e Themes.\n6. Connect your new repository as a new theme.\n\n### 2. Shopify store ID\n\nUpdate the following lines in `package.json` with your Shopify store ID e.g. `xxxxxx-xx`.\n```\n\"shopify\": \"shopify theme dev --store=xxxxxx-xx\",\n\"shopify-pull\": \"shopify theme pull -d -n --store=xxxxxx-xx\",\n```\n### 3. Install dependencies\n\n```\nnpm install\n```\n\n### 4. Link with theme files\nThis step when vary per theme, but typically, you will need to add the following lines to your `layout/theme.liquid` file:\n\nAdd your `custom.css` stylesheet link within the `\u003chead\u003e` tags.\n```\n\u003clink rel=\"stylesheet\" href=\"{{ 'custom.css' | asset_url }}\"\u003e\n```\n\nAdd your `custom.js` script tag at the bottom of the `\u003cbody\u003e` tag.\n```\n\u003cscript src=\"{{ 'custom.js' | asset_url }}\" defer=\"defer\"\u003e\u003c/script\u003e\n```\n### 5. Good to go 🚀\n\nOnce you've completed these steps, you should be ready to start working on your theme!\n\n## CLI commands\n\n| Command | Description |\n| -------- | ------- |\n| `npm run shopify` | Runs the Shopify site locally, creating a new dev theme. |\n| `npm run shopify-pull` | Pulls any CMS changes from you local dev environment into the repository. |\n| `npm run dev` | Starts Webpack + TailwindCSS development. |\n\n## Additional Notes\n\n### TailwindCSS\n\nBy default, the TailwindCSS config is set to prefix all classes with `tw-`. This is to prevent any issues with the themes existing CSS classes.\n\n### Dist filenames\n\nSome Shopify theme files come with `custom.css` and `custom.js` included out the box, so be sure to check this.\n\nYou can either overrite these files if that is possible, OR you can update the naming of them in your setup. This would require you updating the `watch:tailwind` script in `package.json` and also the filename in `webpack.config.js`.\n\n## Shopify Plugins we ❤️\n\n- [Accounts](https://apps.shopify.com/customer-accounts)\n- [Wishlist](https://apps.shopify.com/wishlist-king)\n- [Product Filtering](https://apps.shopify.com/search-and-discovery)\n- [Imports / Exports](https://apps.shopify.com/excel-export-import)\n- [Memberships](https://apps.shopify.com/membership-program)\n- [Custom Email Templates](https://apps.shopify.com/email-templates)\n- [Translations](https://apps.shopify.com/translate-and-adapt)\n- [Google Shopping Feed](https://apps.shopify.com/google-shopping-feed)\n- [Custom Flows](https://apps.shopify.com/flow)\n- [Free Shipping Upsell](https://apps.shopify.com/essential-order-value-booster)\n- [Klaviyo](https://apps.shopify.com/klaviyo-email-marketing)\n- [Automatic Discounts](https://apps.shopify.com/regios-automatic-discounts)\n- [Loyalty / Rewards](https://apps.shopify.com/bon-loyalty-rewards)\n- [Wholesale](https://apps.shopify.com/wholesale-sami)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadebyshape%2Fshopify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmadebyshape%2Fshopify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadebyshape%2Fshopify/lists"}