← Page-Type Lab に戻る
server-rendered HTML → client JS rewrites after boot

② SSR + ハイドレーション

サーバーで描画済みの DOM の上に、クライアント JS が 後から文言や属性を差し替えます(Next.js / Nuxt のハイドレーション相当)。 検証ポイント: widget は DOMContentLoaded 後に boot し、ハイドレーションで書き換わった本文にも MutationObserver 経由で効果が追従するはずです。

サーバー描画済みコンテンツ

[SSR] このテキストは初回 HTML に含まれています。ハイドレーション前。

3 秒後にクライアント JS が上の段落を「ハイドレーション後」の内容に差し替えます。

  • [SSR] 項目 1
  • [SSR] 項目 2