
PWA Wiki website
The PWA Wiki website is hosted at pwa.js.org and it was a personal project that aimed to list common and advanced PWA features along with guides when developing PWAs.
Background#
I have been using this incredible note taking and project management tool called Notion, for about 3 years now.
The project was the result of my life-long notes on Progressive Web Apps and it includes things like:
- Implementation guides
- Tools & resources
- Common pitfalls
- Troubleshooting guides
- and more...
Tech stack#
Simple HTML and CSS! 🎉
Ok with a bit of JavaScript for the absolutely necessary bits, like service worker registration, code highlighting and analytics.
Notion#
All content is being extracted from a Notion page that I have created and is where I consolidate all my notes on PWAs.
After the html has been extracted, I run a JavaScript snippet within Chrome DevTools that is adding some custom styling to the page and some extra features like code highlighting, copy-to-clipboard buttons and some Accessibility and SEO fixes.