Next.jsプロジェクトでファイルやフォルダが増えすぎたときの整理整頓術。未使用コードの検出ツールや、App Router対応のフォルダ構成のベストプラクティスを紹介します。
Next.jsのApp Routerで使われる generateMetadata の動的パターンと静的パターンについて、役割と使い分けを徹底解説します。
Next.js App Router と MDX を用いたブログ構築の過程を、構造化データや SEO 対策を中心に記録します。JSON-LD の実装・パンくずリスト・OGP 設定など実装のポイントをまとめています。
人気ブログの UI 構成についてのガイドです。Next.js App Router + next-mdx-remote などで使用できる構成を想定しています。ヘッダー・フッター・記事カード・サイドバーなど各パーツのコード例を掲載しています。
Tailwind CSS のクラス名（className）は、ユーティリティファーストのアプローチに基づいており、CSS のプロパティごとに個別のクラスが割り当てられています。例えば、text-center は text-align: center; を適用し、bg-red-500 は背景色を赤（500の濃さ）に設定します。
