Vue Hacker News
A Hacker News clone built with Vue 2, using server-side rendering and a PWA setup.vuejs/vue-hackernews-2.0
- Stars
- 10.8k
- Forks
- 2.1k
- Licence
- MIT
- Language
- JavaScript
- Last update
- 3.9 years ago
- Type
- App
No commits in over a year — check for forks or alternatives before adopting.
What it is
This is a working copy of the Hacker News website built with the Vue 2 JavaScript framework. It renders pages on the server before sending them to the browser, which is called server-side rendering. The README presents it mainly as a demo that shows how to build such an app with Vue, vue-router and vuex.
- Run the app locally in development mode with hot reload
- Build a production bundle and serve it with the included start script
- Study how server-side data pre-fetching and client hydration are wired together
- Read the code to see how route-level code splitting and CSS inlining are handled
Great for
- Developers learning how Vue server-side rendering works
- Developers who want a reference structure for a Vue 2 app with vue-router and vuex
- Students studying a full example of a server-rendered single-page app
- Developers exploring progressive web app features like a manifest and service worker
Not ideal for
- Teams looking for a production-ready performance reference, because the README says it is not optimized for performance and recommends your own benchmarking
- Anyone starting a new project on Vue 3, since this repository targets Vue 2.0
- People who need a current, actively maintained codebase, since the last push was in December 2022
How to get it
- 1
Clone and build from source
You'll need: Node.js 7+
Clone the repository
git clone https://github.com/vuejs/vue-hackernews-2.0.gitInstall dependencies
npm installRun in dev mode with hot reload
npm run devBuild for production
npm run build - 2
Run it
- Clone the repository and open the project folder
- Run npm install to install dependencies
- Run npm run dev and open localhost:8080 in a browser
- Run npm run build, then npm start to serve in production mode
- 3
Get the most out of it
- Read the README's note on performance before using the code as a benchmark reference
- Follow the linked Vue SSR guide at ssr.vuejs.org alongside the code
- Look at the Architecture Overview diagram to understand how the pieces connect
- Explore the PWA features listed in the README, such as the app manifest and service worker
Downloads
Strengths
- Shows a complete server-rendered Vue app with routing and state management in one place
- Documented as a companion to the official Vue SSR guide
- Released under the MIT license, so it can be read and reused freely
Trade-offs
- The README says it is a demo and not optimized for production performance
- Built on Vue 2.0 and uses the Firebase-based HN API, which the README notes adds bundle size and slows cold starts
- Requires Node.js 7+, a very old version, so setup on modern tooling may need adjustments
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| vue-hackernews-2.0 (this) | 10.8k | App | intermediate | 3.9 years ago | Developers learning how Vue server-side rendering works |
| next.js | 143k | Framework | intermediate | 4 days ago | Developers already comfortable with React who want a full framework around it |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.