xiongwei1992 / play-vue-ssr

try to create a vue ssr project

play-vue-ssr

Follow the Vue SSR Guide to create a vue ssr demo project step by step.

have a try:

npm install
npm run build
npm run start

level 1 demo

git checkout level1
npm run start

access: http://localhost:8080/

Features:

1. index.html returned by server is pre-rendered.
2. client-side hydration works. client-bundle take charge the page in the browser.

level 2 demo

git checkout level2

access: http://localhost:8080/

Incremental Features:

• vue-router (sync component)

level 3 demo

git checkout level3

access: http://localhost:8080/home

Incremental Features:

• vue-router (async component)

level 4 demo

git checkout level4

access: http://localhost:8080/home

Incremental Features:

• pre-load data in server side with vuex
• serialize the store to index.html
• init client side store with the serialize data, then hydrate.

level 5 demo

get checkout level5

access: http://localhost:8080/home

Incremental Features:

• handle the client side data fetch