In the Vue HN app, critical Webpack chunks are loaded sooner using <link rel=preload> while “lazy” chunks needed for future navigations to other routes are <link rel=prefetch>’d. This is a low-priority hint to the browser to start loading resources that aren’t important for the current page in advance.

To check out the source behind any HNPWA app, click the “Source Code” button in our listings.

Why Hacker News apps?

HN has open API that is free to use, been around for a number of years, offers multiple “views” and is relatively stable to build on. It also has solid community abstraction APIs build on top of it, such as the excellent node-hnapi (by Lim Chee Aun) used by many HNPWA apps.

There are of course, several other open data sources if HN isn’t your thing, such as Wikipedia’s API. We welcome any efforts to create similar projects to HNPWA using other data sources.

What’s next?

We’re always looking to expand the catalog of implementations on HNPWA and welcome contributions. At the same time, we also exploring how we can improve backend latency of using HN as a data-source through our new HNPWA API project. David East from Firebase will be joining us on the blog next time with some details of how you can try that today.

Thank you.

This project would simply not be possible without our community of contributors. A huge thank you to everyone that’s written an implementation and helped us keep the site going. You are all awesome.