フロントエンド設計について

[kb10uy]

フロントエンドのFWなどをどうするか今のうちに方針を固めておきたい。

現状

• Pugで全ページが古典的SSRされている

願望

• 管理コンソールは動的なAPIアクセスやリアクティブ要素を置きたい
  • 投稿・ストリーミング閲覧などをする
  • SSRの必要性は皆無
• 他の訪問者がアクセスするページは古典的SSRでいい
  • お気に入り・ブーストはそれを行うアカウントで行うのでこちらがなにかする必要はない(よね?)
  • クライアント動作の必要性がほぼゼロ (microblog.pub的な感じを目指す)
• TS/SCSSのビルド環境はできるだけそのまま使いたい

考えうる選択肢(他にもあったら教えてね)

1. 管理コンソールだけVue.jsを導入する
   • Pro: 手軽
   • Con: TSとVueの時点で破滅が見えている
2. 管理コンソールだけReactを導入する
   • Pro: TSで楽ができる、破滅しづらそう
   • Con: 訪問者用と同じコンポーネントを使いたい場合Pug版とTSX版両方用意しないといけない
3. 管理コンソールは蔵描画React、訪問者用ページは鯖描画React(renderToString)をする
   • Pro: 2. に加えてコンポーネントを使い回せる
   • Con: Reactの使い方として正しいのか？

[kb10uy]

今の所僕としては2、問題ないなら3を採用したいと思っていますが

[kb10uy]

4. WebComponents
   • Pro: 未来がある
   • Con: 本当に未来があるかまだ良くわからない、現在は現在なのでブラウザ的懸念がややある