Malleable is a starter repository for Shopify theme development. View demo store here (pw: eloquent).
- Section scoped styles and scripts in Shopify 2.0
- SASS
- Typescript
- Preact
- Component testing in Jest
- Includes Github Actions file for plug and play CICD
- ESLint
- Useful helper functions
- DOM Manipulation using selectricity
To get started, clone this repository:
git clone https://github.com/brianecook/malleable
Open a new terminal tab in Visual Studio Code (or your preferred editor with an integrated terminal). Install dependencies:
npm install
After dependencies are installed run npm start. This will prompt you to log into the Shopify storefront that you plan on working on.
Once logged in, open a separate terminal tab. In this tab run npm run watch. This command will watch for changes in the scripts and styles directories and output the appropriate files in the assets folder.