Vue.jsでSSR（サーバサイドレンダリング）する - Qiita

はじめに この記事はなにかの Advent Calendar 2016の23日目の記事です. Vue.jsは２系がリリースされてそこそこたちました. 日本語ドキュメントもそろっています. フロントの取りかかりとして簡単でスケールもしやすく良いのではないでしょうか. そこで今回はVue.js２系の大きな特徴であるサーバサイドレンダリングを行ったアプリケーションの制作をしてみたいと思います. 最終的に APIコールをして動的ページのSSRを行う 初期表示以後はSPAとして動く こんなアプリケーションを目指します. 完成版は以下です ソースコード Github 使う物 vuejs vue-router vuex このあたりを使います. 詳しくはソースコードのpackage.jsonを... Step1 静的ページのSSR さぁ作成していきます. まず第一に静的ページ(APIコールでデータを書いた

[kent-where-the-light-is]

“サーバー側はどうなっているかというと... serer-entry.jsとexpressの設定とSSRを行いレンダリング結果を書き出す処理(server.js)があります. 2つめのserver.jsは実際にexpressを立ち上げレンダリングをし結果を返す処理が書かれてい