Magento 2 PWA in 5 minutes without re-platforming. Real use case.

composer require genaker/module-pwa
php -d memory_limit=-1 /usr/local/bin/composer require genaker/module-pwa 
php bin/magento setup:upgrade --keep-generated
Invalid template file: '/var/www/html/var/view_preprocessed/pub/static/vendor/genaker/module-pwa/view/frontend/templates/head/serviceworker_register_sript.phtml' in module: '' block's name: 'serviceworker_register_sript' [] []
php bin/magento setup:di:compile
{
"theme_color": "#354af6",
"background_color": "#6a35f6",
"display": "fullscreen",
"scope": "/",
"start_url": "/",
"name": "Magento 2 PWA Extension ",
"short_name": "Magento 2 PWA ",
"description": "Magento PWA not Studio",
"icons": [
{
"src": "/media/pwa/images/icon-32x32.png",
"sizes": "32x32",
"type": "image/png"
},
{
"src": "/media/pwa/images/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/media/pwa/images/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}
php bin/magento pwa:generate
php bin/magento c:c
cat pub/serviceworker.js
Magento 2 PWA logo
<link rel='manifest' href='/media/pwa/manifest.json'>
<link rel="apple-touch-icon" sizes="192x192" href="/media/pwa/images/icon-192x192.png" />
<link rel="apple-touch-icon" sizes="32x32" href="/media/pwa/images/icon-32x32.png" />
<link rel="apple-touch-icon" sizes="512x512" href="/media/pwa/images/icon-512x512.png" />
<meta name="apple-mobile-web-app-title" content="Magento PWA" /><meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="theme-color" content="#b5121b" />
const offlineFallbackPage = "/offline";
composer require genaker/module-pwa
php bin/magento setup:upgrade --keep-generated
php bin/magento setup:di:compile
php bin/magento pwa:generate
php bin/magento c:c

Manifest generators

--

--

--

True Stories about Magento 2. Melting metal server infrastructure into cloud solutions. Donate: https://paypal.me/magentasoftware?country.x=US&locale.x=en_US

Love podcasts or audiobooks? Learn on the go with our new app.

How to write Enterprise Software: Rules of Enterprise Software Design

A Post About A

API performance— Spring MVC vs Spring Webflux vs Go

5 Google Analytics Tips for Web Developers

graphic report showing key web use statistics and use over time

Aion Virtual Machine (AVM): Why Java and the JVM?

Learning HTML & CSS the fun-way

Thank You Piethein for providing an opportunity to read, joy to read your Article.

Platform Design Toolkit Bootcamp — Field Notes

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Yegor Shytikov

Yegor Shytikov

True Stories about Magento 2. Melting metal server infrastructure into cloud solutions. Donate: https://paypal.me/magentasoftware?country.x=US&locale.x=en_US

More from Medium

Magento 2 an Adobe Commerce Create PWA app in 5 minutes without PWA Studio and other single-page JS…

Why I built Waterfall, an open-source package to perform cascading deletes.

Upgrading PHP CodeIgniter 2.x version project to 3.x — The Right Software

Headless vs. Traditional vs. Hybrid CMS: A Comparison