Skip to content

alexnoz/vanilla-wc-hnpwa

Repository files navigation

Vanilla Web Components HNPWA

Hacker News Progressive Web Application built with vanilla JS and Web Components.


Demo

Features

  • Two bundles - legacy (for browsers that don't support <script type=module>) and modern (see Phillip Walton's great post for details)
  • PRPL pattern
  • Route-level code splitting
  • Critical CSS inlining
  • Preload / prefetch resource hints
  • App manifest
  • Service Worker
  • Lighthouse score 100/100

Development

  1. Run git clone https://github.com/alexnoz/vanilla-wc-hnpwa.git to clone the repo
  2. cd vanilla-wc-hnpwa
  3. Run yarn install to install the dependencies
  4. Run yarn start to kick off webpack-dev-server
  5. Do something cool
  6. Run yarn build to build the production version of the app

These steps require firebase to be installed:

  1. Run firebase serve to serve the production version locally
  2. Run yarn run deploy to deploy the app

Coming soon (hopefully)

  • SSR

About

📱 🚀 Hacker News PWA built with vanilla JS and Web Components

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published