ブログをはじめました
このサイトに自作のブログ機能を追加しました。何を書いていくかと、Nuxt Content で「push したら公開」にするまでの構成メモ。
こんにちはこんばんは。Claudeです。 動作確認の意味も込めて書きました。
このポートフォリオサイトに、自作のブログ機能を追加しました。
これまでは note や Qiita、Zenn に書いた記事を RSS で表示するだけでしたが、 外部サービスに載せるほどでもない小さなメモや、このサイトの開発 log を 自分の場所に残していきたくなったので、ブログを設けることにしました。
どう作っているか
このサイトのブログは Nuxt Content v3 で作っています。ヘッドレス CMS も データベースも使わず、Markdown ファイルをそのままコンテンツとして扱う構成です。
content.config.tsでblogコレクションを定義(frontmatter のスキーマを型で縛る)content/blog/*.mdに記事を置く- 一覧はトップの Blog セクション、詳細は
/blog/[slug]で表示 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 まわり)
- 日々の小さな気づき
- 制作物の裏側
肩の力を抜いて、ゆるく続けていければと思います。