Get in Touch

Course Outline

Introduction to Hyvä Themes

  • The origins and purpose of Hyvä
  • Contrasting Hyvä with Luma and PWA Studio
  • Hyvä compatibility and its module ecosystem

Installing and Configuring Hyvä

  • Prerequisites and licensing details
  • Installing Hyvä via Composer
  • Activating and configuring the Hyvä theme in Magento 2

Utilizing Tailwind CSS and Alpine.js

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

Customizing Templates and Layouts

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

Module Integration and Compatibility Management

  • Working with Hyvä-compatible modules
  • Addressing challenges with non-compatible modules
  • Employing the fallback mechanism (Luma or Hyvä Checkout)

Optimizing the Frontend with Hyvä

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

Advanced Scenarios and Custom Components

  • Developing reusable components with Alpine.js
  • Utilizing the Hyvä UI components library
  • Integrating forms and handling user input

Best Practices and Maintenance

  • Guidelines for code structure and modularity
  • Keeping Hyvä and dependencies current
  • Deployment processes and theme version control

Summary and Future Directions

  • Recap of key concepts
  • Preparing for production deployment
  • Resources for ongoing learning within the Hyvä ecosystem

Requirements

  • Background in both frontend and backend Magento 2 development
  • Proficiency in HTML, CSS, JavaScript, and PHP
  • Understanding of templating engines and Magento theme architecture

Target Audience

  • Magento developers moving towards Hyvä Themes
  • Frontend developers focusing on Adobe Commerce storefronts
  • Technical architects aiming to boost Magento 2 performance and user experience
 21 Hours

Testimonials (3)

Related Categories