Magento 2 Frontend Development
Builds and customizes Adobe Commerce and Magento 2 storefronts using layout XML, PHTML templates, ViewModels, and modern frontend architectures.
This skill empowers developers to architect and customize Magento 2 storefronts by providing specialized guidance on layout XML, block classes, and PHTML templates. It automates the implementation of ViewModels for cleaner code, manages complex JavaScript requirements with RequireJS and KnockoutJS, and facilitates theme inheritance and styling via LESS. Whether you are developing traditional Luma-based themes or modern Hyva storefronts, this skill ensures best practices for performance, security, and maintainability are followed throughout the frontend development lifecycle.
主な機能
01ViewModel implementation to decouple logic from block classes
02Support for modern Hyva themes using Alpine.js and Tailwind CSS
03Advanced Layout XML manipulation for structural page changes
04Complex JavaScript management using RequireJS, KnockoutJS, and jQuery
05PHTML template customization with secure output escaping
0632 GitHub stars
ユースケース
01Overriding core module templates and layouts for tailored storefront experiences
02Implementing dynamic UI components and checkout customizations with KnockoutJS
03Creating custom Magento 2 themes from scratch or via inheritance