VPS・RentalServer 【Next.jsブログ構築】VPSのセキュリティ強化とSQLite導入｜fail2ban・Nginx設定手順
Next.jsブログのサーバーモード移行後に必要なセキュリティ強化手順を解説します。Nginxのレート制限ゾーン追加、fail2banへのNginx監視ジェイル追加、SQLiteとbetter-sqlite3の導入、閲覧数カウンター用テーブルの作成まで詳しく説明します。
VPS・RentalServer 
VPS・RentalServer 【Next.jsブログ構築】Next.jsブログをVPSのサーバーモードに切り替えてPM2でプロセス管理する方法
Next.jsの静的エクスポートをVPSのサーバーモードに切り替え、PM2でプロセス管理する手順を解説します。Nginxリバースプロキシ設定、サイトマップ自動生成、deploy.sh更新まで一連の作業を記録しています。
VPS・RentalServer 【Next.jsブログ構築】個別記事ページに関連記事を自動表示する方法｜タグ優先・カテゴリー補完の2段階ロジック
Next.js ブログの個別記事ページに関連記事を自動表示する機能を実装する手順を解説。タグ優先・カテゴリー補完の2段階ロジックで関連性の高い記事を最大6件自動選択する方法を、コードの意味から初心者にもわかりやすく説明します。
VPS・RentalServer 【Next.jsブログ構築】カテゴリー・タグページを静的エクスポートで実装する方法
Next.js の静的エクスポートブログにカテゴリー・タグページを実装する手順を解説。動的ルーティング `[slug]` で記事を自動分類し、記事 0 件のカテゴリーを 404 にしない設計も紹介します。
VPS・RentalServer 【Next.jsブログ構築】Google アナリティクスとサーチコンソールを設定する方法
Next.js のブログに Google アナリティクス（GA4）とサーチコンソールを設定する手順を、新規登録から丁寧に解説します。`@next/third-parties` を使った GA4 の追加方法、`layout.tsx` への確認コードの書き方、静的エクスポートモードでの `sitemap.xml` と `robots.txt` の作り方まで、非エンジニア目線で記録しています。
VPS・RentalServer 【Next.jsブログ構築】Next.jsブログにスマホ用ハンバーガーメニューを実装する方法
Next.jsブログにスマホ用ハンバーガーメニューを実装する方法を、非エンジニア向けに優しく解説。'use client' の意味から useState による開閉制御、Tailwind CSS でのレスポンシブ対応まで、具体的なコード付きで紹介します。
VPS・RentalServer 【Next.jsブログ構築】コードブロックにシンタックスハイライトとコピーボタンを追加する方法
Next.jsブログのコードブロックにreact-syntax-highlighterでシンタックスハイライトを追加し、コピーボタンを実装する手順を解説。クライアントコンポーネントへの分離方法も含めて非エンジニア向けに説明します。
VPS・RentalServer 【Next.jsブログ構築】トップページと記事ページのデザインを決定・実装する方法
Next.js ブログ構築第13回。ヘッダー・フッター・トップページ・記事ページのデザインを実装する手順を非エンジニア向けに解説。ダークテーマ・2カラムグリッド対応。
VPS・RentalServer 【Next.jsブログ構築】Obsidianで書いた記事をバッチファイル1つでNext.jsブログに自動公開する方法
Next.js ブログ構築シリーズ第12回。Windows の WSL と rsync を使い、 Obsidian で書いた記事と画像をバッチファイルのダブルクリック1つで Next.js ブログに自動公開する完全な運用フローを構築する手順を、非エンジニア向けに解説します。
VPS・RentalServer 【Next.jsブログ構築】ObsidianのMarkdown記事と画像を自動変換してNext.jsブログにワンクリック公開する仕組みを作る方法
Next.js ブログ構築シリーズ第11回。 Obsidian の画像リンクを Next.js 用に自動変換し、日本語ノートのファイル名と英語 URL を別々に管理できる仕組みを Node.js スクリプト（convert.js）で構築する手順を、非エンジニア向けに解説します。