Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
MIT License
Bot releases are visible (Hide)
Published by sergejcodes almost 4 years ago
view all changes: Pull request
Published by sergejcodes almost 4 years ago
Quick Start Tutorial
link to an updated youtube videoview all changes: Pull request
Published by sergejcodes almost 4 years ago
Everything still works like in the previous version, but there are a lot of changes under the hood. The Shopify Theme Lab CLI is now tighter integrated with Shopify Theme Lab
devDependencies
. Also adjusted webpack.dev.js
and the reloadr
task to use the package scripts.theme.init.js
plugin to Shopify Theme Lab CLI and updated the shopify:init
task accordingly to use the proper CLI commandlog
plugin.config/plugins/
directoryaxios
package from devDependencies
to dependencies
boxen
chalk
command-line-args
fs-extra
ws
yaml
view all changes: Pull request
Published by sergejcodes almost 4 years ago
Ecosystem
section in READMEEcosystem
graph in READMEShopify Theme Lab
project by running $ npx themelab create <directory-name>
view all changes: Pull request
Published by sergejcodes almost 4 years ago
vue-examples.liquid
design.xd
and moved to external design source file controlEcosystem
section to READMEBootstrap
and Materialize CSS
from README since they are very similar in setup to Bulmaview all changes: Pull request
Published by sergejcodes almost 4 years ago
.js
and .vue
purge content check inside tailwind.config.js
into a single lineview all changes: Pull request
Published by sergejcodes almost 4 years ago
Vue global mixin
example to vue-examples.liquid
snippetVue directive
example to work without web consoleheader.liquid
section.stylelintrc
theme.init.js
theme.init.js
view all changes: Pull request
Published by sergejcodes almost 4 years ago
CSS
, SASS
/SCSS
linting (also for <style></style>
sections inside .vue
files)webpack.dev.js
.stylelintrc.js
inside .config/
directorylint:js
and lint:css
lint
task now runs lint:js
and lint:css
tasks sequentialyshopify:themes
task to list all themes with IDs for a provided Shopify storeDirectories
section with a more detailed Project structure
section in READMETeams
section to the README to describe the process when multiple people deploy to the same live
environmentstaging
for shopify:init
taskNode.js
from printing additional unuseful errors for the shopify:init
task, when encountering an errorshopify:init
taskaxios
to devDependencies
Contributing
section to the READMECODE_OF_CONDUCT
READMEissue templates
PULL_REQUEST_TEMPLATE
CONTRIBUTING
READMEview all changes: Pull request
Published by sergejcodes almost 4 years ago
cross-var
with cross-env-shell
for the shopify:watch
task. The shopify:watch
command, when started by start
command, could fail under certain circumstances due to a problem with the cross-var-no-babel
package.cross-var-no-babel
dependencyview all changes: Pull request
Published by sergejcodes almost 4 years ago
view all changes: Pull request
Published by sergejcodes almost 4 years ago
settings_data.json
has now proper multi-line code indentation after being written to disk by shopify:init
taskdeploy:live
task in the readmeview all changes: Pull request
Published by sergejcodes almost 4 years ago
main.js
settings_data.json
file exists inside theme.init.js
vue-examples.liquid
to be more readable'
view all changes: Pull request
Published by sergejcodes almost 4 years ago
npm run shopify:init
now initializes the settings_data.json
file (if it's not already present) with sections
and content_for_index
configurations for the Default
preset. It fixes the Issue you couldn't add any sections through the Shopify panel.dynamic-section.liquid
file to demonstrate the usage of dynamic sections for index.liquid
page through the Shopify panelsettings_schema.json
, header
section and footer
section filesview all changes: Pull request
Published by sergejcodes almost 4 years ago
shopify:init
task doesn't override settings_data.json
anymore if the file already existsview all changes: Pull request
Published by sergejcodes almost 4 years ago
@babel/plugin-transform-runtime
package to webpack.prod.js
. It fixes issues with Vue async methods in productionwebsocketPort
typo in package.json
1.9.6
view all changes: Pull request
Published by sergejcodes almost 4 years ago
view all changes: Pull request
Published by sergejcodes almost 4 years ago
.DS_Store
case inside .gitignore
view all changes: Pull request
Published by sergejcodes almost 4 years ago
--
before any arguments! When using yarn you can omit them.view all changes: Pull request
Published by sergejcodes almost 4 years ago
css
and postcss
extension to prevent <style lang="postcss"></style>
inside Vue single file components from failingview all changes: Pull request
Published by sergejcodes almost 4 years ago
postcss-import
since PreCSS is now removedignorePatterns
to .eslintrc.js
with some examples@import
and not with @tailwind
in main.css
to prevent postcss-import
errorsview all changes: Pull Request