kikuta.dev

個人開発プロジェクトと、その実装・検証で得た技術知見を同じデータモデルから公開する静的サイトです。

静的出力を配布単位にする

Next.jsはoutput: exportで静的HTMLへ変換し、Cloudflare Pagesへoutディレクトリを配布します。アプリserverを本番要件にせず、記事・Project・sitemap・robotsまでbuild時に確定させます。

記事とProjectはsrc/lib/content.tsを共通のSource of Truthとして持ち、Projectタグと関連記事の逆引きも同じデータから生成しています。

Cloudflare Pagesへのupload成功だけで公開完了とは扱いません。build後の静的HTMLを検査し、deploy後はkikuta.devの実URLへHTTP requestを送り、変更した本文・導線がcustom domainでも返るところまで確認します。

metadataBase、canonical、sitemap、robotsもNext.js側で生成し、content追加時に手作業のURL一覧を別管理しない構成にしています。