genaker / theme-react-luma
N/A
Requires
- php: ~7.3.0||~7.4.0||~8.1.0
- genaker/magento-reactjs: 17.*
README
Blazing-Fast Default Magento Luma theme on ReactJS UI components PWA features with better front performance.
Luma React 是一个免费开源主题,旨在通过移除 Adobe Magento 2 基于主题引入的所有糟糕内容,并从空白 HTML 开始,来解决性能问题。成千上万的臃肿的垃圾 JavaScript 文件库被无框架的 Vanilla JS 取代,但您可以额外添加任何 JS 框架,如 ReactJS、Vue.js、Alpine.js。此外,所有 CSS 都已优化,并未被替换。因此,您基本上可以将现有的 Magento 垃圾主题转换为快速主题。
性能改进
与 Erwin Hofman 商量后
我们在移动端的 LCP 指标上做出了重大改进。现在这个主题甚至比以前更快。
您可以在以下位置查看 Google Page Speed 结果
https://pagespeed.web.dev/report?url=https%3A%2F%2Freact-luma.merche.io%2Ffusion-backpack.html
安装
composer require genaker/theme-react-luma --ignore-platform-reqs
mysql -e "select * from theme"
bin/magento config:set --scope="default" "design/theme/theme_id" 4 #whatever id you have
或转到管理员
内容 -> 设计 -> 配置
应用主题
清除缓存。
捐赠
与付费解决方案相比,Magento 2 Super Fast Rect Luma 主题是免费的且开源的。
您可以捐赠以支持我们的贡献者
https://paypal.me/magentasoftware?country.x=US&locale.x=en_US
依赖项
Magento React Theme 使用 Magento React 集成扩展(https://github.com/Genaker/reactmagento2/)作为依赖项。如果通过 Composer 安装,扩展将自动添加。
为了获得最佳性能,您应使用
- CSS 优化工具:(目前尚未公开)
- 改进的 Magento FPC:(目前尚未公开)
- Magento Mictoservices:Laragento/Laragento、PyGento/Python3、NodeJento/NodeJS
- Magento Opcache React GUI:https://github.com/Genaker/Magento2OPcacheGUI
- PWA Magento 扩展:https://github.com/Genaker/Magento2PWA
- Magento Open Source Terraform AWS Cloud:https://github.com/Genaker/TerraformMagentoCloud