Remix PWA is a lightweight, standalone npm package that adds full Progressive Web App support to Remix ?.
- Integrates Progressive Web App (PWA) features into Remix including offline support, caching, installability on Native devices and more.
- Automatic caching for
buildfiles and static files.
- Implements a network-first strategy for loader calls (i.e Gets a fresh request each time when online, and proceeds to an older fallback when offline)
- Auto-caching loader calls to allow offline client-side transitioning between pages
- Safely handles uncached loader calls without affecting other sections of the site (i.e Throws user to nearest Error boundary without disrupting Service Workers)
This package requires
esbuildto be installed.
Install esbuild by running the following command:
npm install esbuild
remix-pwa into your Remix project, run the following command:
npm install remix-pwa
Setting up your PWA
remix-pwaautomatically updates scripts now, so you don’t need to do any editing to the
remix-pwa, link the
manifest file in order to get installability feature of PWA as well as app characteristics and other features. To do that, simply add the following block of code to the head in your
root file above the
<Links /> tag:
<link rel="manifest" href="/resources/manifest.json" />
To run your app, simply run the command:
npm run dev
And voila! You are now ready to use your PWA!
If you want to lay you hands on demo icons and favicons for your PWA,
remix-pwa got you covered with sample icons. Simply delete the
public folder and add the following links to your
root file, above the
<Links /> tag.
Want to see proposed features and bug fixes? Or do you want to propose an idea/bug fix for
remix-pwa and want to view the current roadmap? Check out
remix-pwa Roadmap and see what lies in wait for us!
Thank you for your interest in contributing ?. The contribution guidelines and process of submitting Pull Requests are available in the CONTRIBUTING.md. Awaiting your PR ?!
If you want to get help on an issue or have a question, you could either open an issue or you could ask your questions in the Official Remix’s Discord Server where there are a lot of helpful people to help you out.
Abdur-Rahman Fashola (aka @ShafSpecs)
Special thanks to jacob-ebey for his contribution and help with the creation of
See (todo: CONTRIBUTORS.md) for the list of awesome
This project is licensed under the MIT License – see the LICENSE.md file for details