I recently used the Shopify Dawn theme for most of my new projects. It’s okay for 90% of my requirements, but I always have to create custom sections not included in the standard feature set. I prefer Tailwind for almost all of my web projects. Therefore I wanted to use it for custom sections as well. In this tutorial video, I show you how to set up Tailwind together with the Dawn theme and create a custom section.
When programming on a theme, I highly recommend using the Shopify GitHub integration. I created a step-by-step guide on how to set it up correctly.
Use Shopify Dawn Theme for Multiple Projects via GitHub Connect
How we setup our Shopify theme development with GitHub Connect.
A quick guide on how to install Tailwind to a Shopify theme
Clone the Shopify Dawn theme, and then please follow the installation instructions from the Tailwind website:
Terminal:npm install -D tailwindcss
npx tailwindcss init