https://github.com/tracy-codes/shopify-slate-tailwind-starter
This is a Tailwindcss starter template for slate, it is based on Shopify's starter skeleton template
https://github.com/tracy-codes/shopify-slate-tailwind-starter
javascript liquid nodejs shopify shopify-slate shopify-theme shopify-theme-framework slate tailwind tailwind-css tailwindcss
Last synced: 5 months ago
JSON representation
This is a Tailwindcss starter template for slate, it is based on Shopify's starter skeleton template
- Host: GitHub
- URL: https://github.com/tracy-codes/shopify-slate-tailwind-starter
- Owner: tracy-codes
- License: mit
- Created: 2019-10-24T05:03:09.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-04T17:49:10.000Z (about 3 years ago)
- Last Synced: 2025-03-27T19:14:51.518Z (9 months ago)
- Topics: javascript, liquid, nodejs, shopify, shopify-slate, shopify-theme, shopify-theme-framework, slate, tailwind, tailwind-css, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 949 KB
- Stars: 20
- Watchers: 1
- Forks: 3
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
## This is a Tailwindcss starter template for slate, it is based on Shopify's starter skeleton template
This project is based off [shopify/skeleton-theme](https://github.com/shopify/skeleton-theme), checkout Slate for more information.
get started
```
$ yarn create slate-theme my-new-theme tracy-codes/shopify-slate-tailwind-starter
```
This example includes a quick mobile responsive navbar directly from the [Tailwindcss Documentation](https://tailwindcss.com/components/navigation#responsive-header) to show the use of Tailwind.
### How to work with slate for Shopify:
- rename .env-sample to .env and setup your development store config.
- run: `$ yarn start`
- slate will open your localhost, just ignore that, and go to your development store.
- In the development store you should have your theme loaded
- Changes will hot reload in the dev store.