Never Configure a Shopify Theme From Scratch Again
In our latest Learning Wednesday, Nebulab engineer Massimiliano "Massi" Lattanzio shows how we have eliminated repetitive setup work and create a unified development workflow across our Shopify projects.
Massi walks through two internal tools that extract best practices from multiple client projects—automating theme initialization with CI/CD, Tailwind, and Stimulus, plus introducing a component-based file structure that keeps large themes organized and maintainable.
What you'll learn:
→ Why reinventing project setup for each Shopify theme costs time and slows onboarding
→ How to automate Shopify theme initialization with standardized GitHub Actions and tooling
→ Setting up Tailwind CSS and Stimulus controllers automatically in new and existing themes
→ Organizing Shopify theme files with a component-based folder structure instead of flat directories
→ Using a theme builder to separate concerns (Liquid, JavaScript, schemas) within component folders
→ Creating reusable standards that speed up project kickoff and improve team collaboration
Chapters:
00:00 Introduction - The cost of inconsistent Shopify project setups
04:40 Why teams keep reinventing the wheel and how to break the cycle
07:00 Shopify Toolkit demo - Automated theme setup and configuration
12:00 GitHub Actions integration - Preview themes, Lighthouse, and quality checks
17:10 Theme Builder - Component-based architecture for better organization
23:00 Creating and generating components with separated file structures
28:00 How standardization improves onboarding, collaboration, and velocity
29:00 Q&A - Migration strategies and future improvements
Presented by: Massimiliano Lattanzio, Software Engineer @ Nebulab
About Nebulab: We're a full-service consultancy helping ambitious DTC brands turn e-commerce into a competitive advantage through strategy, design, and engineering.
🔗 Learn more:
https://nebulab.com
💼 Work with us:
https://nebulab.com/contact-us
#ecommerce #dtc #shopify #shopifyplus #shopifydevelopment #tailwindcss #stimulusjs #webdevelopment #developertools #cicd #githubactions #componentarchitecture #themecustomization