Guide Kit for Next.js with Hacker News, All in one
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Guide Kit for Hacker News PWA with Vue.js. This project was getting generated by vue-pwa-boilerplate, migrated following by vue guide, and referenced to vue-hackernews 2.0 like HTML/CSS codes for Look-and-Feel. Moreover, the project highly depends on firebase-hackernews api, checkout if you feel that want to know how it works in a way of using firebase API Hacker News firebase API more.



  • Site is served over HTTPS with now
  • Pages are responsive on tablets & mobile devices
  • Metadata provided for PWA like theme-color
  • Content for scriptless environment
  • Add to Home screen with Web Manifest
  • Caching initial route like Application Shell pattern by Service Worker
  • Preload critical resources in parallel
  • Prefetch resources for next route
  • Lazy loading for rest of fragments of the app


  • Views: Hacker News Top Stories, New, Show, Ask, Jobs & threaded Comments
  • App must display 30 items per-page for story list views
  • App must be a Progressive Web App
  • App must score over a 90/100 using Lighthouse
  • App must become aim to be interactive in under 5 seconds on a Moto G4 over 3G
  • App must use the Application Shell pattern
  • App must do its best to work cross-browser
  • App supports offline caching of HN data
  • App may use server-side rendering.
  • Using Hackernews official firebase API with firebase-hackernews

Getting Started

Watch demo

# install dependencies
yarn install

# serve with hot reload at localhost:8080
yarn dev

# build for production with minification
yarn build

# build for production and view the bundle analyzer report
yarn build --report


MIT @ CodeBusking