https://github.com/genaker/luma-react-pwa-magento-theme
Blazing-Fast Default Magento Luma theme on ReactJS UI components PWA features and better performance Open Source Hyva alternative
https://github.com/genaker/luma-react-pwa-magento-theme
Last synced: about 1 year ago
JSON representation
Blazing-Fast Default Magento Luma theme on ReactJS UI components PWA features and better performance Open Source Hyva alternative
- Host: GitHub
- URL: https://github.com/genaker/luma-react-pwa-magento-theme
- Owner: Genaker
- License: osl-3.0
- Created: 2022-01-13T05:41:12.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2025-04-03T03:08:07.000Z (about 1 year ago)
- Last Synced: 2025-04-03T04:20:11.966Z (about 1 year ago)
- Language: Less
- Homepage:
- Size: 743 KB
- Stars: 76
- Watchers: 7
- Forks: 27
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Luma-React-PWA-Magento-Theme
Blazing-Fast Default Magento Luma theme on ReactJS UI components PWA features with better front performance.
NOTE: An alternative solution is also available—the React-Luma Optimizer. This tool significantly enhances performance for any Magento 2 theme without requiring modifications to the existing theme or migrating to Hyva.
Luma React is a Free Open Source Theme that aims to resolve performance issues by removing all the awful introduced by Adobe Magento 2-based themes and starting with a blank HTML. The thousands of bloated junk JavaScript file libraries were replaced with no JS framework known as Vanilla JS, but you can add any JS framework additionally for your needs ReactJS, Vue.Js, Alpine.js. In addition, all CSS is optimized and not replaced. So you can basically convert your existing Magento junk theme to a fast theme.
# Performace improvements
After the Consultation with Erwin Hofman
We made big improvements in the LCP metrics on Mobile. Now this theme even faster than before.
You can check Google Page Speed results here:
https://pagespeed.web.dev/report?url=https%3A%2F%2Freact-luma.merche.io%2Ffusion-backpack.html
# Installation
```
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
```
or go to admin :
Content -> Design -> Configuration
Apply theme:
Theme info:
clear the cache.
# Donation
Magento 2 Super Fast Rect Luma them is free and Open Source comparing to other paid solutions.
You can donate to support our contributors:
https://paypal.me/magentasoftware?country.x=US&locale.x=en_US
# Dependencies:
Magento React Theme uses Magento React integration extension (https://github.com/Genaker/reactmagento2/) as a dependency. Extension will be added automaticaly if to install via Composer.
For the best performace You shuld use:
* CSS optimiser tool: (not publicly available yet)
* Improved Magento FPC: (not publicly available yet)
* Magento Mictoservices: Laragento/Laragento, PyGento/Python3, NodeJento/NodeJS
* Magento Opcache React GUI: https://github.com/Genaker/Magento2OPcacheGUI
* PWA Magento Extension:https://github.com/Genaker/Magento2PWA
* Magento Open Source Terraform AWS Cloud: https://github.com/Genaker/TerraformMagentoCloud