概要 ReactやVue.jsを用いたSPAサイトが増え、SEOを目的としたSSRやパフォーマンスチューニングの事例も増えてきています。 一方で近年のフロントエンド技術の裾野は広く、同じことをやろうとしても技術スタックが異なる場合同じ手法が使えないということがままあります。 例えばReact-RailsはSSR機能を備えており、オプションで指定するだけでSSRが可能です。 しかし非同期フローとしてRedux-Sagaを採用していると、二回のrenderToStringが必要となり、かつ二回目はJSのコールバックで実行されるためそのままではReact-RailsでSSRすることができません。 もし仮にRailsでなくNode.jsを利用していればこのコールバックを自然に扱うすることができるため問題になりません。 最終的な構成の事例だけを見ていると、なぜそういった構成になっているかの経緯まで掴
![Rails + ReactなSPAサイトでのSEO / SEO at Rails + React SPA - Speaker Deck](https://cdn-ak-scissors.b.st-hatena.com/image/square/703c3287382bf456144f4e414367c4f768c79b03/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fd25fd4e995bb47ab97b3b2651a8ad7d0%2Fslide_0.jpg%3F10865429)