Getting Started with Hyvä Theme
This course is under active development.
No spam, ever.
Hyvä has quickly become the go-to frontend for Magento 2, replacing the legacy Luma stack with a modern architecture built on Alpine.js and TailwindCSS. But if you've only worked with Magento's traditional frontend, the jump to Hyvä can feel like learning a completely different framework.
How is Hyvä structured? How does it differ from Luma? How do you build interactive components with Alpine.js instead of RequireJS and Knockout.js? And when should you use Magewire for server-driven reactivity?
What if you could go from zero Hyvä knowledge to building real storefront features?
This course starts with the fundamentals — what Hyvä is, how it's architected, and how development differs from what you're used to in Luma. From there, you'll dive into Alpine.js to build dynamic, interactive components. Then you'll learn Magewire for the cases where you need your frontend to communicate with the server in real-time.
The Getting Started with Hyvä Theme course takes you from understanding the basics of Hyvä all the way through building custom interactive storefronts with Alpine.js and Magewire.
- Who is this course meant for?
This course is built for two types of Magento developers. First, if you understand the foundations of Magento but haven't worked with Hyvä yet, this course will get you up to speed from the ground up. Second, if you've started working with Hyvä but are struggling with the JavaScript layer — Alpine.js and Magewire — this course will fill in those gaps.
You should have a basic understanding of Magento 2 fundamentals, including the Magento 2 Coding Kickstart course.
- Do I need any Hyvä experience before taking this course?
No. This course starts with the Hyvä fundamentals — what it is, how it's structured, and how it differs from Magento's traditional Luma frontend. You'll understand the architecture before writing any code.
If you already know your way around Hyvä, you can move quickly through the introductory sections and jump straight into the Alpine.js and Magewire portions of the course.
- Do I need to know Alpine.js before taking this course?
No prior knowledge of Alpine.js is required. This course teaches Alpine.js from the ground up in the context of Hyvä and Magento. You'll learn how to use directives, manage component state, handle events, and build interactive UI elements — all within real Magento storefront scenarios.
If you're already familiar with Alpine.js, you'll benefit from seeing how it's specifically applied within Hyvä's architecture and how to extend it with Magewire for server-side interactions.
- Will this course cover Magewire?
Yes. After building a strong foundation with Hyvä and Alpine.js, the course covers Magewire — a server-driven component framework for Magento inspired by Laravel Livewire. Magewire lets you build reactive components that communicate with the server automatically, without needing custom REST or GraphQL endpoints.
You'll learn when to reach for Magewire versus keeping things purely client-side with Alpine.js, and how the two work together within the Hyvä ecosystem.
- What version of Magento and Hyvä is this course based on?
This course is based on Magento 2.4.x and the latest version of Hyvä Theme. The principles and techniques taught are designed to be version-agnostic where possible, focusing on core concepts that will remain relevant as the ecosystem evolves.