タグ: #mermaid

Next.js で Mermaid 図を描画するにはクライアントサイドの動的インポートが必要

mermaid ライブラリは DOM API に依存するため Server Component では使えない。dynamic import + useEffect でクライアント描画し、next-themes の resolvedTheme でダークモードにも対応できる。