remix-pwa VS pwa-asset-generator

I'm approaching the end of my course and yes, I am less busy. I hope to pick up the slack and resume my writing. I have one major open-sourced project that I paused maintenance on (remix-pwa), I would be continuing my active maintenance of the package.

PWA in Remix is now possible with the standalone npm package I put together, remix-pwa (with great help from Remix's team member, Jacob). Remix PWA integrates PWA services into Remix with minimal impact on perfomance.

To generate icons, we use pwa-asset-generator. The first command generates a favicon icon with a transparent background, the second one creates all the necessary icons for a progressive web app, and the third one creates images for splash screens. The last command is optional, in case you have an icon for dark mode.

the easiest to use is still: https://github.com/onderceylan/pwa-asset-generator

Creating our home screen icons manually can be a very complicated task, but not to worry. We'll take advantage of a third-party module known as pwa-asset-generator to generate icons of different sizes from our main app icon inside the public directory with the command below:

If you want to create PWA, you will need icons for your application for different platforms. This package uses pwa-assets-generator to create icons from an image. It will automatically insert links to icons into the HTML of every page and in the manifest.json file along with generated icons. All you need is an image as a template for future icons. By default, it is a favicon.png under the src directory.

pwa-asset-generator

Thank you for the article. It is certainly alluring to reduce the number of generated images linked in the in PWA apps.

I use https://github.com/onderceylan/pwa-asset-generator to generate assets for PWA's(have left a message on this repo to read your article!)