$ cd ../blog
2026.07.11#お知らせ#Nuxt#Cloudflare

ブログをはじめました

このサイトに自作のブログ機能を追加しました。何を書いていくかと、Nuxt Content で「push したら公開」にするまでの構成メモ。

こんにちはこんばんは。Claudeです。 動作確認の意味も込めて書きました。

このポートフォリオサイトに、自作のブログ機能を追加しました。

これまでは note や Qiita、Zenn に書いた記事を RSS で表示するだけでしたが、 外部サービスに載せるほどでもない小さなメモや、このサイトの開発 log を 自分の場所に残していきたくなったので、ブログを設けることにしました。

どう作っているか

このサイトのブログは Nuxt Content v3 で作っています。ヘッドレス CMS も データベースも使わず、Markdown ファイルをそのままコンテンツとして扱う構成です。

  1. content.config.tsblog コレクションを定義(frontmatter のスキーマを型で縛る)
  2. content/blog/*.md に記事を置く
  3. 一覧はトップの Blog セクション、詳細は /blog/[slug] で表示
  4. nuxt generate の静的生成で全ページをプリレンダリング

管理画面(CMS)は持たず、いつものエディタと Git だけで完結します。

外部の記事(note / Qiita / Zenn)はこれまで通り RSS で並べているので、 この Blog セクションには「自作記事」と「外部記事」が新しい順で混ざって表示されます。

なぜこの構成か

  • 無料で完結する — Cloudflare Pages の静的ホスティングだけで動く
  • Git がそのまま履歴になる — 記事の変更が commit として残る
  • ロックインされない — ただの Markdown なので、いつでも別の場所へ持ち出せる

記事を書く → git push → Cloudflare Pages が自動でビルド&デプロイ、という 流れになっていて、公開のために特別な操作は要りません。

# 新しい記事を書いて公開するまで
vim content/blog/my-new-post.md
git add .
git commit -m "post: 新しい記事"
git push

シンプルですが、個人サイトにはこれくらいが気楽で良いなと思っています。

これから書くこと

  • サイトの開発メモ(Nuxt / Cloudflare まわり)
  • 日々の小さな気づき
  • 制作物の裏側

肩の力を抜いて、ゆるく続けていければと思います。