Next.js 15 + Cloudflare PagesでブログをSelf-hostする

はじめに

このブログは Next.js 15 の静的エクスポートを使い、Cloudflare Pages にホストしています。

構成

const nextConfig: NextConfig = {
  output: "export",
  trailingSlash: true,
  images: { unoptimized: true },
};

シンプルな構成で、ビルド時にすべてのページを静的 HTML として生成します。

MDX

記事は MDX で書いています。next-mdx-remote を使ってコンパイルします。

npm install next-mdx-remote gray-matter remark-gfm

まとめ

静的サイトは速くてシンプルで、個人ブログには最適です。