swan's room

概要

個人の技術ブログとポートフォリオを兼ねたサイトです。日々の学びや技術的なアウトプット、プロジェクトの記録を発信しています。

技術的なポイント

MDX によるコンテンツ管理

ブログ記事はすべて MDX で管理しています。gray-matter でフロントマターを解析し、型安全にコンテンツを扱っています。

• @next/mdx による App Router ネイティブ統合
• rehype-pretty-code + Shiki でシンタックスハイライト
• rehype-slug で見出しに ID を自動付与（目次生成に利用）

パフォーマンス

• Server Components をデフォルトとし、クライアント JS を最小限に
• generateStaticParams による SSG で全記事を事前生成
• Turbopack による高速な開発体験

デザイン

Catnose さん（Zenn, しずかなインターネット）のデザインに影響を受けた、余白を活かしたミニマルなデザインです。

• Tailwind CSS v4 の CSS-first 設定
• data-theme 属性によるダークモード対応
• DM Sans + Noto Sans JP + Geist Mono のフォント構成