shopify-theme-lab
shopify-packer
shopify-theme-lab | shopify-packer | |
---|---|---|
6 | 1 | |
743 | 182 | |
0.8% | - | |
0.0 | 0.0 | |
8 months ago | over 1 year ago | |
JavaScript | 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.
shopify-theme-lab
-
Adding a Vue App to Shopify
Shopify Theme Lab This workflow tooling uses webpack bundler with Vue to generate Shopify theme code. It may help you get Vue bootstrapped into a theme for you.
-
Awesome Shopify Resources for 2022
7. Shopify Theme Lab
-
Shopify CLI Error
Have you checked out Theme Lab? If you are having any underlying issues non-related to your setup this would iron them out. I'd try to setup a dummy theme and see if its something terminal/CLI related or something misconfigured on your partner end/shopify side.
-
Converting Theme from Slate v0 to Online Store 2.0
You should check out UI crooks theme lab. I've taken 2 stores built with Slate v0 and upgraded them to a modern workflow where I was able to drop the whole repo for the old v0 into UI crooks and sort of sunset the old method of using Slate. Online Store 2.0 is not equivalent to Slate as you are suggestion (theme.js, SASS). Slate was an opinionated set of tools to build a theme for Shopify. Shopify CLI is more of a tool to communicate with your local machine and the remote server. The actual tooling is now left up to you. Back when Slate got started jQuery ruled the world. Shopify is backing away from telling developers the specifics of how they will build stores. Shopify also has taken a lame approach to this evergreen web. I get it but they are espousing a belief due to the underlying issue with the app ecosytem being incompatible with modern web development. They did include app sections to help. But still.
- Another performance list of shopify themes by speed
-
Modern Shopify theme development
In the end, I said: "Fine, I'll do it myself". That's pretty much how the Shopify Theme Lab project started. Of course, the road to the finished product was a little bit more complicated, but that's another story.
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?
dawn - Shopify's first source available reference theme, with Online Store 2.0 features and performance built-in.
Symfony Encore - A simple but powerful API for processing & compiling assets built around Webpack
shopify-next.js-tailwind - Learn the Shopify + Next.js + Tailwind CSS Stack! SWR, Hydrogen, + more
themekit - Shopify theme development command line tool.
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.
eslint-plugin-tailwindcss - ESLint plugin for Tailwind CSS usage
gatsby-starter-shopify - A Gatsby starter using the latest Shopify plugin showcasing a store with product overview, individual product pages, and a cart
hydrogen - Hydrogen lets you build faster headless storefronts in less time, on Shopify.
b-creative
shopify-node-mongodb-next-app - WIP | An embedded app starter template with all the required stuff hooked up.
HULL - 💀 Headless Shopify Starter – powered by Next.js + Sanity.io