業務で使える簡単なSSR + SPA のテンプレートを公開した - 技術探し

久しぶりのブログです。 よくNode.jsの人と思われがちですが、普段はNode.jsでのバックエンド開発はもちろんですがReactやVueを書いていますので、たまにはフロントエンドネタを投稿しようと思います。 主な技術スタック dependencies devDependencies 注意 Server Server Side Renderingを行う redux-sagaを使って非同期処理 react-helmetを使ってheadタグを生成 styled-componentsで使われているcssを抽出 Development Hot Module Replacementを有効にする Production Manifestを読み込む Clusterを使う Benckmark 可視化する renderToNodeStreamをなぜ使わないか？ Client UI構成 Meta render

[yosuke_furukawa]

react-helmetでhead tag生成という概念がなかった。基本的にはhead tagはSSRのrenderStaticStream使っててstreamで困った事ない。hydrateは毎回しないとうっかりうまくいってたつもりが後からバグってたりしてるので毎回やってる。

[nismit]

React + TypeScript + SSRのテンプレート。実務で使えるが中身を色々みてカスタマイズするのが良さそう:)