Overview

The Shopify Theme Tailwind is a starting point for developing Shopify Online Store 2.0 themes using Tailwind CSS and Vite. It provides a workflow for theme development, installation instructions, and customization options.

Features

Workflow for creating feature branches, editing the theme locally, and merging branches once features are implemented
Integration with Github Actions to automate the creation of a production build and push it to the dist branch
Prerequisites: Node.js and Shopify CLI
Installation: Clone the repository and install the theme using provided commands
Customization of Tailwind CSS configuration, including prefix, font-size, CSS variables, and screen breakpoints
Usage: Instructions for development and production environments
Github Action for deploying the build to the dist branch and syncing with Shopify
Reminder to manually copy any changes made from the Shopify theme editor before updating the main branch

Summary

The Shopify Theme Tailwind is a helpful starting point for developers creating Shopify Online Store 2.0 themes using Tailwind CSS and Vite. It provides a workflow, installation guide, and customization options to streamline the theme development process. The integration with Github Actions automates the creation of a production build and syncing with Shopify. However, it is important to manually copy any changes made from the Shopify theme editor to avoid losing them when updating the main branch.

Wesselvanree

Shopify Theme Tailwind