themekit
shopify-packer
Our great sponsors
themekit | shopify-packer | |
---|---|---|
3 | 1 | |
1,147 | 182 | |
1.3% | - | |
4.9 | 0.0 | |
about 1 month ago | about 1 year ago | |
Go | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
themekit
-
Fast Shopify development with hybrid Debut theme
Themekit - development tools to interact with the Shopify platform to watch for local changes and upload them automatically to Shopify
-
How to setup vue with shopify?
Look into Shopify Themekit (https://shopify.dev/tools/theme-kit) After setting it up you can easily clone into your existing Theme and edit it freely. You can even set up hot reloads and see your edit in realtime on your store.
-
To what extent is a Shopify dev similar to a generalised front-end dev?
You have a TON of freedom on the storefront. The checkout, as mentioned before, is pretty darn limited. However you can "monkeypatch" the checkout flow and make most things happen. As far as Liquid goes, read the docs to suss out the limitations and capabilities. I'd recommend using either Themekit, Motifmate, or standard Liquid package locally (won't include Shopify-focused features but will have templating, basic utils, etc) to have a workflow where you can use source control, have local development, and a smooth deployment process.
shopify-packer
-
Fast Shopify development with hybrid Debut theme
Shopify Packer written by Eric Hayes is probably the best thing happened to Shopify theme development since Shopify stopped supporting Slate. It's everything we all hoped for and that's a promise. Packer uses Webpack 5 with zero config to compile, bundle, split and minify your modern development technologies and start a server for development with hot module reloading actually working perfectly. It can also create, list and manipulate (delete, download, deploy etc) themes from your shop which is a lifesaver sometimes. I also love using Eric's Shopify Packer because it uses SCSS, Stylelint, ESLint, Babel and PostCSS. It can analyze bundles and have multiple entry points for templates and layouts. It's actually a CLI tool that’s installed globally and you can start a new project or integrate Packer with an existing theme in ridiculously little time. Most importantly you can easily customize all settings for the site and webpack if needed. Eric also provides quick support for the packer so i would highly recommend it and also buy him a beer because he deserves one for this!
What are some alternatives?
slater - 🛠 Shopify development toolkit
Symfony Encore - A simple but powerful API for processing & compiling assets built around Webpack
b-creative
shopify-theme-lab - Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
b-reset - Bornfight CSS reset
shopify-bare - Shopify starter theme that provides Javascript modules(ES6 and node_modules), tree-shaking, Live Reloading/ Hot module reloading, Tailwind Css w\ nesting & imports purges unused CSS, minify your built files, compress your images, and use quick commands to develop easier.
kubernetes - Production-Grade Container Scheduling and Management
gatsby-starter-shopify - A Gatsby starter using the latest Shopify plugin showcasing a store with product overview, individual product pages, and a cart