vue-hackernews-2.0

HackerNews clone built with Vue 2.0 + vue-router + vuex, with server-side rendering and lazy-loading.

Live Demo

Note: the demo may need some spin up time if nobody has accessed it for a certain period.

Features

• Server Side Rendering
  • Vue + vue-router + vuex working together
  • Server-side data pre-fetching
  • Client-side state & DOM hydration
• Single-file Vue Components
  • Hot-reload in development
  • CSS extraction for production
• Real-time List Updates with FLIP Animation
• Lazy loading of the components

Architecture Overview

Build Setup

undefinedRequires Node.js 6+undefined

# install dependencies
npm install

# serve in dev mode, with hot reload at localhost:8080
npm run dev

# build for production
npm run build

# serve in production mode
npm start