Skip to content

alexnoz/vanilla-wc-hnpwa

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
app
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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