{"id":13631140,"url":"https://github.com/the-couch/slater-theme","last_synced_at":"2025-04-12T11:21:24.009Z","repository":{"id":23789325,"uuid":"99855962","full_name":"the-couch/slater-theme","owner":"the-couch","description":"Shopify Starter theme based on slate","archived":false,"fork":false,"pushed_at":"2022-12-08T18:20:13.000Z","size":5373,"stargazers_count":50,"open_issues_count":17,"forks_count":6,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-04-01T09:35:25.811Z","etag":null,"topics":["es6","livereload","shopify","webpack"],"latest_commit_sha":null,"homepage":"https://slater-demo.myshopify.com","language":"Liquid","has_issues":false,"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/the-couch.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}},"created_at":"2017-08-09T21:55:29.000Z","updated_at":"2023-12-08T00:43:41.000Z","dependencies_parsed_at":"2023-01-14T08:30:08.640Z","dependency_job_id":null,"html_url":"https://github.com/the-couch/slater-theme","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/the-couch%2Fslater-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/the-couch%2Fslater-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/the-couch%2Fslater-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/the-couch%2Fslater-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/the-couch","download_url":"https://codeload.github.com/the-couch/slater-theme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248558128,"owners_count":21124223,"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":["es6","livereload","shopify","webpack"],"created_at":"2024-08-01T22:02:12.056Z","updated_at":"2025-04-12T11:21:23.972Z","avatar_url":"https://github.com/the-couch.png","language":"Liquid","funding_links":[],"categories":["Liquid"],"sub_categories":[],"readme":"## slater theme is deprected and now maintained in slater\n\nNote, the slater-theme is now bundled with Slater-CLI\n\n[slater](https://github.com/the-couch/slater)\n\nThis theme is no longer maintained here\n\n\n-----------\n\n\n# SLATER\nSlater than [Slate](https://github.com/Shopify/slate). Minimaler than minimal.\n\n\u003cimg src=\"https://raw.githubusercontent.com/the-couch/slater/master/slater.png\" style=\"width: 620px; margin: 2em 0;\"/\u003e\n\n## Up and Running\n\nClone the repo to your local environment\n\n`git clone git@github.com:the-couch/slater-theme.git theme`\n\n`cd theme`\n\n`npm install` or `yarn install`\n\n-----\n\n### Initial build\n\nWe need to upload our initial build of the theme, we can do this by running `npm run build` to compile the theme one time, from there we can zip the `src` archive and upload it to our Shopify environment.\n\n-----\n\n### Development\n\nDuplicate the `config-sample.yml` and grab the creds from your shopify theme.\n\nIn two separate windows run the watch command (this is to allow us to use our own build process on top of Shopify Slate).\n\n`npm run watch:assets` - watches js and css\n\n`npm run start` - manages theme refresh/upload\n\n## Custom Routing\n\nWe're using operator to extend pjax style routing throughout the theme. This can be used to fetch/cache/handle transitions between routes. This can also help us init/code split specific javascript to specific routes (for example a flickity slideshow).\n\nThe code for handling this is found in `lib/router`\n\nWe use the `afterRender` and `beforeRender` methods for handling page transitions\n\nTo block a custom route add the `no-ajax` class to the url element.\n\n## Why\nI think slate is awesome, but I don't like that it's a closed box, I love the flexibility of things like react-create-app because it let's you actually eject the project and extend it. So this is a bit of a hack but I think y'all enjoy it. If you don't like it though, you don't have to use it ;)\n\n## Why why\nSlate is a really big step forward to Shopify theme development. However, we generally prefer Webpack to Gulp, vanilla js to jQuery, CSS to SCSS, functional to object-oriented, etc. We've removed the boilerplate in favor of *nothing*, and will be releasing packages to replace the functionality of Slate in the near future.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthe-couch%2Fslater-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthe-couch%2Fslater-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthe-couch%2Fslater-theme/lists"}