Writing Alpine.js Components in Hyvä: Patterns That Scale
How to write Alpine.js components on Hyvä: passing PHP data, view models, customer data events, form keys, component events, CSP and keeping templates clean.
← Back to blog
Articles about Frontend
16 articles
Hyvä Compatibility Modules: Make Luma Extensions Work
How Hyvä compatibility modules work: the CompatModuleRegistry, rewriting extension templates with Alpine.js, hyva_ layout handles and the Luma fallback.
Hyvä Tailwind Customization: Colors, Fonts and Safelists
Customize Tailwind CSS in a Hyvä theme: content paths, brand colors and fonts in v3 and v4, @apply components, CMS classes, safelists and keeping CSS small.
Hyvä Theme Setup Guide for Magento 2.4.8: Install to Deploy
Step by step Hyvä setup on Magento 2.4.8: Composer install, child theme, Tailwind build, hyva:config:generate, deploy order and the usual first project issues.
Luma to Hyvä Migration Plan: Audit, Phases and Launch
Luma to Hyvä migration plan for Magento 2: extension and theme audit, checkout decision, page by page rebuild, SEO parity, testing, launch and rollback.
How to Add a Custom Checkout Step in Magento 2
Add a new step to the Magento 2 Luma checkout with step-navigator, layout XML and a Knockout template, plus where to validate and store the data it collects.
How to Create a Magento 2 Child Theme Step by Step
Create a Magento 2 child theme of Luma or Blank: theme.xml, registration.php, composer.json, view.xml, logo, template overrides, applying and deploying it.
Magento 2 Core Web Vitals: How to Fix LCP, INP and CLS
Where Magento 2 Luma stores lose Core Web Vitals and how to fix LCP, INP and CLS: server response, CSS, fonts, images, gallery, third party scripts.
Magento 2 Custom Email Templates: Declare, Send and Override
Create and send custom email templates in Magento 2.4: email_templates.xml, template syntax in strict mode, TransportBuilder, admin overrides and theme files.
Hyvä vs Luma in 2026: What Changes for a Magento Developer
Hyvä vs Luma from a developer's view: Alpine.js and Tailwind vs RequireJS, Knockout and LESS, extension compatibility, checkout options and when to pick each.
Magento 2 Layout XML: A Practical Guide for Developers
How Magento 2 layout XML works: handles, containers, blocks, move and remove, arguments, view models and page layouts, with examples that hold up in 2.4.8.
Magento 2 LESS Customization: _theme.less, _extend.less and More
How to customize Luma styles with LESS in Magento 2: variables in _theme.less, additions in _extend.less, module overrides, media queries and Grunt compiling.
Magento 2 RequireJS Mixins: Extend Core JS Without Overrides
How to write RequireJS mixins in Magento 2 for UI components, jQuery widgets and function modules, plus how to debug them and when a map override is better.
Magento 2 Static Content Deploy: Strategies and Options
Speed up setup:static-content:deploy in Magento 2: standard, quick and compact strategies, parallel jobs, scoping themes and locales, and builds without a DB.
Magento 2 Translations: i18n CSV, Language Packs and JS Strings
How Magento 2 translations work: i18n CSV files, language packages, theme overrides, inline translation, JS and Knockout strings, and why phrases stay English.
Magento 2 UI Components and Knockout.js: The Basics
A practical intro to Magento 2 UI components and Knockout.js: uiComponent, templates, observables, imports and exports, jsLayout and the uiRegistry.