📱 🚀 Hacker News PWA built with vanilla JS and Web Components
Switch branches/tags
Nothing to show
Clone or download
Permalink
Failed to load latest commit information.
app Scroll to top on navigation Jul 21, 2018
config Format Jul 20, 2018
public Initial commit Jul 18, 2018
.editorconfig Initial commit Jul 18, 2018
.eslintignore Initial commit Jul 18, 2018
.eslintrc.js Initial commit Jul 18, 2018
.firebaserc Initial commit Jul 18, 2018
.gitignore Initial commit Jul 18, 2018
babel.config.js Initial commit Jul 18, 2018
firebase.json Initial commit Jul 18, 2018
package.json Initial commit Jul 18, 2018
readme.md Crop the image Jul 20, 2018
yarn.lock Initial commit Jul 18, 2018

readme.md

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