ブログ
Next.js ブログに関連記事セクションを追加する
カテゴリとタグの共通性でスコアリングするシンプルなアルゴリズムで関連記事を表示する。ML も全文検索も不要 — メタデータの重み付けと既存関数だけで十分だった。
ブログ
すべてのブログ記事一覧
ブログ
Next.js ブログにカテゴリ一覧・タグ一覧ページを追加する
個別ページはあるのに一覧がなかった問題を解決。データ層のコードは一切追加不要 — 既存のヘルパー関数がそのまま新ページに組み合わさった。
ブログ
Next.js ブログに動的 OG 画像を自動生成する
opengraph-image.tsx と Satori でビルド時に記事ごとの OG 画像を静的生成する。最大の落とし穴は Satori のインラインスタイル制約 — Tailwind も className も使えない。
ブログ
Next.js ブログのレスポンシブ対応 — backdrop-filter の罠で全部壊れた話
ハンバーガーメニュー、レスポンシブスペーシング、タッチターゲットを追加。最大の学びは、CSS の backdrop-filter が fixed 子要素の包含ブロックを暗黙的に作るという仕様だった。
ブログ
Next.js PWA を @serwist/turbopack に移行してビルドを高速化する
壊れていた3段階ビルドを @serwist/turbopack の Route Handler ベース設計に置き換え、プリキャッシュを修復しつつ Turbopack を有効化した過程と、そこから得た知見。
ブログ
Next.js 16・Velite・MDX でバイリンガル技術ブログを構築する
shinyaz.com のアーキテクチャを深掘り — Contentlayer ではなく Velite を選んだ理由、i18n ライブラリなしで日英対応を実現した方法、ミニマルなモノトーンブログの設計判断を紹介する。