Skip to content
The PWA wiki website desktop and mobile screenshots

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.