ブログと利用記録アプリは、見た目も用途も違います。そこで、静的に生成するブログは / に、既存の React アプリは /app/ に置きました。

ねらい

  • 同じオリジンで運用して、IndexedDB の保存先を維持する
  • ブログ側に不要な React JavaScript を載せない
  • アプリ側は client-only で今の操作感を保つ

実装の要点

  1. Astro をサイト全体のビルド基盤にする
  2. React は client:only="react" で /app/ のみ実行する
  3. 旧 SPA フォールバックをやめる

補足

ブログページは静的 HTML として配信されるので、表示速度も取りやすくなります。記事の更新は Markdown を Git 管理で行います。