Create automated theme previews for Shopify stores 
Shopify Development news and articles
Liquid Weekly

News & Articles

From Ruby to Node: Overhauling Shopify’s CLI for a Better Developer Experience
We know that developers live in the terminal as they develop their Shopify apps, and using the CLI wasn't always the most consistent and enjoyable experience. So we embarked on a complete rewrite of the Shopify CLI 2, which was written in Ruby, into Node, and launched it in Shopify Editions last summer.
GitHub Action: Create automated theme previews for Shopify stores
Shopify is a popular platform for building online stores and is often managed and maintained using a GitHub repository. To make the CI/CD processes within a project even easier, we implemented a GitHub Composite Action, which especially facilitates the integration process of changes to the theme and, above all, saves precious time during development.
How to Add More Sections to Your Shopify Theme (without code)
If you want to expand your theme with a few more sections, you have a few options. The traditional option is of course to use apps for every section that you need, but this isn't ideal. You can also hire a developer, which can be expensive but will give you a high-quality result. With the release of Shopify 2.0 and sections everywhere, it's become easier to add new sections to your theme. So a market is slowly growing around this with developers offering individual Shopify sections for sale at an affordable price.
How to redirect customers after registration on Shopify
By default, both new and returning customers are directed to the “account” page after logging in. But being able to redirect customers to a certain page can add a lot of value to your store. In this guide, we will demonstrate how to redirect customers to a new location.
Stimulus Shopify Sections Example
We are using Stimulus.js and Siema Carousel to create a Product slideshow Shopify Section. Because stimulus accepts options from element attributes, we can pass customisations to the carousel from the sections HTML markup and thus we can avoid infusing JavaScript. The code below can give you some understanding of how it is achieved. It's an extraction from a project I have in production and of course without the related stylesheets and css it will not function as a drop-in solution but hopefully gives you some clarity on how leveraging stimulus in a Shopify theme benefits one greatly.
Commerce Trends 2023
Shopify’s annual report on the latest trends shaping commerce, pulled from proprietary data, insider experts, and top global brands

Code & Tools

Customizing HTML Form Validation
Form validation has always been my least favorite part of web development. You need to duplicate validation on both client and server sides, handle loads of events, and worry about form element styling. To aid form validation, the HTML spec added some new form attributes like required and pattern to act as very basic validation. Did you know, however, that you can control native form validation using JavaScript?
Theme Explorer - Chrome Web Store
Explore your Shopify store's themes and their details. This extension provides information such as the theme's ID, updated/created dates and the theme name. It also provides links to quickly access the theme's JSON, Theme Customiser and code editor. On Shopify storefronts, use the extension to quickly view the store's live theme name, and access important details, such as the Theme ID, Theme Preview URL and Theme Editor URL.
Developers, get to know your terminal! Here are some 🔥 tips for bash and ZSH
Knowing your way around the terminal is incredibly useful as a developer. Check out this twitter thread of tips on making the most of your bash / ZSH terminal.