Adobe Hyvä Technical Implementation with Magento 2

• Experience with Magento 2 frontend and backend development
• Knowledge of HTML, CSS, JavaScript, and PHP
• Familiarity with templating engines and Magento theme architecture

Audience

• Magento developers transitioning to Hyvä Themes
• Frontend developers working on Adobe Commerce storefronts
• Technical architects optimizing Magento 2 performance and UX

Adobe Hyvä is a modern frontend framework for Magento 2 that replaces the Luma stack with a performance-focused, developer-friendly architecture.

This instructor-led, live training (online or onsite) is aimed at intermediate-level to advanced-level Magento developers who wish to implement and customize Hyvä Themes in Adobe Commerce (Magento 2) projects.

By the end of this training, participants will be able to:

• Understand the architecture and benefits of Hyvä Themes.
• Install and configure a Hyvä-based Magento 2 store.
• Customize templates, styles, and layout using Alpine.js and Tailwind CSS.
• Integrate third-party modules and ensure compatibility with Hyvä.
• Optimize performance and user experience with Hyvä's lean frontend stack.

Format of the Course

• Interactive lecture and discussion
• Hands-on exercises and labs
• Live development environment implementation

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

Introduction to Hyvä Themes

• What is Hyvä and why it was created
• Comparison with Luma and PWA Studio
• Hyvä compatibility and module ecosystem

Installing and Setting Up Hyvä

• Requirements and licensing
• Installing Hyvä using Composer
• Activating and configuring Hyvä theme in Magento 2

Working with Tailwind CSS and Alpine.js

• Overview of Tailwind CSS utility classes
• Applying custom styles and layouts
• Using Alpine.js for interactive components

Template and Layout Customization

• Understanding the Hyvä template structure
• Extending blocks and layout XML
• Creating and overriding PHTML templates

Integrating Modules and Compatibility Handling

• Working with Hyvä-compatible modules
• Dealing with non-compatible modules
• Using the fallback mechanism (Luma or Hyvä Checkout)

Frontend Optimization with Hyvä

• Performance benchmarks and Lighthouse scores
• Minifying assets and optimizing delivery
• Lazy loading and advanced caching strategies

Advanced Use Cases and Custom Components

• Building reusable components with Alpine.js
• Using Hyvä UI components library
• Form integration and user input handling

Best Practices and Maintenance

• Code structure and modularity guidelines
• Keeping Hyvä and dependencies up to date
• Deployment and theme version control

Summary and Next Steps

• Review of key concepts
• Preparing for production deployment
• Resources for continuous learning in the Hyvä ecosystem