使用 Vue 2.0 實現服務端渲染的 HackerNews

使用 Vue 2.0 實現服務端渲染的 HackerNews

Vue 2.0 支持服務端渲染 (SSR)，而且是流式的，能夠作組件級的緩存，這使得極速渲染成爲可能。同時， 和 2.0 也都可以配合 SSR 提供同構路由和客戶端 state hydration。vue-hackernews-2.0 是 Vue 做者在GitHub上面放的 Vue 2.0 的一個示例項目，結合 Express、vue-router & vuex 來構建，是很好的學習案例。

能夠參考vue ssr 官方演示項目的服務端實現 https://github.com/vuejs/vue-hackernews-2.0/blob/master/server.js>

 

 

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

Architecture Overview

 

Build Setup

Requires Node.js 6+

# 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