はじめに

個人のブランドサイトを作りたいと思い、技術選定から始めました。フレームワークは Next.js を選択。App Router による直感的なルーティングと、SSG（静的サイト生成）によるパフォーマンスの良さが決め手でした。

技術スタック

• Next.js (App Router): ルーティングとSSG
• TypeScript: 型安全な開発
• Tailwind CSS: ユーティリティファーストなスタイリング
• Markdown: ブログ記事の管理

学んだこと

最初は Markdown をどう扱うか悩みましたが、gray-matter と remark を組み合わせることで、シンプルかつ柔軟なブログ基盤を作ることができました。

将来的には Headless CMS への移行も視野に入れていますが、まずはローカルの Markdown ファイルで運用を始めます。Repository パターンを採用しているので、データソースの切り替えも容易です。

まとめ

シンプルに始めて、必要に応じて拡張していく。この考え方は開発においてとても大切だと実感しました。