AstroブログにMermaid図表を導入した話【ハマったポイントと解決策】
Astro製ブログにMermaid図表機能を追加しようとして、予想外に苦戦しました。rehype-mermaidの設定、Playwrightのエラー、シンタックスハイライトとの競合など、実際にハマったポイントと解決策を詳しく解説します。
Astro
Astroブログでダークモード実装してみた話【FOUC対策からアクセシビリティまで】
Astroブログにダークモード実装した時にぶつかったFOUC問題、LocalStorageとの連携、アクセシビリティ対応まで、実際に躓いたポイントと解決方法を全部コード付きで解説します。個人開発でダークモード入れたい人は必見です！
MDXコンポーネントでブログ表現が上がった話
Markdownだけじゃ物足りない！ChatBubble・InfoBox・ImageBoxの3つのカスタムコンポーネントを作ったら記事の表現力が上がった話。実装コードと使用例を紹介するので自分のブログにも取り入れてみてください！
Astroでブログ作成してみた話 -技術編-
Next.jsばかり触ってた自分がAstroでブログを作ったら爆速だった話。1.5秒ビルド、設定不要のMarkdown対応、画像最適化も自動。個人ブログならAstroが圧倒的に楽だった理由と開発体験を紹介します。