サーバー描画済みコンテンツ
[SSR] このテキストは初回 HTML に含まれています。ハイドレーション前。
3 秒後にクライアント JS が上の段落を「ハイドレーション後」の内容に差し替えます。
- [SSR] 項目 1
- [SSR] 項目 2
サーバーで描画済みの DOM の上に、クライアント JS が 後から文言や属性を差し替えます(Next.js / Nuxt のハイドレーション相当)。
検証ポイント: widget は DOMContentLoaded 後に boot し、ハイドレーションで書き換わった本文にも
MutationObserver 経由で効果が追従するはずです。
[SSR] このテキストは初回 HTML に含まれています。ハイドレーション前。
3 秒後にクライアント JS が上の段落を「ハイドレーション後」の内容に差し替えます。