Next.js ブログにカテゴリ一覧・タグ一覧ページを追加する
個別のカテゴリ・タグページはあるのに一覧がない問題を解決。Next.js App Router で静的生成されるカテゴリインデックスとタグクラウドページを、既存のヘルパー関数を再利用しながら最小限の変更で実装する手順を解説します。
プログラミング
プログラミングに関する記事
Next.js ブログに動的OGP画像を自動生成する
SNSでシェアした際に記事タイトルやカテゴリが表示される動的OGP画像を、Next.js App Router の opengraph-image.tsx ファイル規約と Satori を使ってビルド時に静的生成する方法を解説します。
Next.js ブログをレスポンシブ対応 — ハンバーガーメニューとモバイル最適化
外部ライブラリゼロで実装するモバイルナビゲーション。ハンバーガーメニュー、レスポンシブスペーシング、タッチターゲット最適化など、Next.js App Router ブログのモバイル UX 改善手順を詳しく解説します。
Next.js PWA を @serwist/turbopack に移行してビルドを高速化する
@serwist/nextからserwist/turbopackへの移行手順を解説。precacheマニフェスト自動注入とTurbopackビルドの統合で、構成をシンプルにしつつビルド時間を短縮します。
Hello World - shinyaz.com へようこそ
shinyaz.comの最初の記事です。バイリンガル対応、ダークモード、全文検索、PWA、SEOなど、本ブログの特徴を詳しく紹介します。