Reactシングルページアプリケーションをサーバサイドレンダリングする - オフトゥン大好き。

どうも、 @nukosuke です。 こちらはQiita Advent Calendar '17 React #1、3日目の記事です。 概要 この記事ではReactで構築したシングルページアプリケーション(SPA)をサーバサイドレンダリング(SSR)する過程をまとめました。 つかったもの Node.js TypeScript React ReactRouter Koa Webpack 成果物 まずは出来上がったものから。こちらのリポジトリをcloneして以下のように起動できます。 $ npm run build:server # サーバjsをビルドします $ npm run build:client # クライアントjsをビルドします $ npm start # localhost:3000で起動します 手順 ざっくりとした手順ですが、今回やったことを要約すると以下のようになります。 Ko