VPS・RentalServer 【Next.jsブログ構築】VPS の Next.js ブログを Git と GitHub でバックアップ・バージョン管理する方法
VPS 上の Next.js ブログのソースコードを Git と GitHub を使ってバックアップ・バージョン管理する方法を解説します。GitHub アカウントの作成から SSH 接続設定・初回 push まで、Cursor の GUI 操作方法もあわせて紹介します。
next.js
VPS・RentalServer 
VPS・RentalServer 【Next.jsブログ構築】Google Search Console が指摘したページネーションに noindex を設定する方法
Google Search Console がページネーション（/page/2）を「インデックス未登録」として検出した際の対処法を解説します。Next.js の generateMetadata 関数で noindex を設定する手順を、初心者向けにわかりやすく説明します。
VPS・RentalServer 【Next.jsブログ構築】個別記事ページにSNSシェアボタンを実装する方法
Next.js の個別記事ページに X・はてブ・LINE・URL コピーの SNS シェアボタンを実装する手順を解説します。react-icons でアイコンを表示し、PC4列・スマホ2列のレスポンシブなレイアウトを Tailwind CSS で実現します。
VPS・RentalServer 【Next.jsブログ構築】お問い合わせページにGoogleフォームを設定する方法
Next.js ブログのお問い合わせページに Google フォームを設定する手順を解説します。フォームの作成から回答通知メールの設定、`contact/page.tsx` への URL 設定、ビルド・デプロイまで、初心者でも再現できる手順でまとめました。
VPS・RentalServer 【Next.jsブログ構築】免責事項・アフィリエイト・お問い合わせページを作成してPR表示の仕組みを実装する方法
Next.js ブログに免責事項・アフィリエイト・お問い合わせページを新規作成する手順を解説します。あわせて景品表示法に対応した「PR」バッジ表示の仕組みをフロントマターの独自フィールドで実装する方法も紹介します。
VPS・RentalServer 【Next.jsブログ構築】Next.jsブログ全ページにサイドバーと人気記事ランキングを実装する方法
Next.jsブログの全ページにサイドバーと人気記事ランキングを実装する方法を解説。SQLiteから閲覧数ランキングを取得するAPIの作成、Sidebarコンポーネントの実装、Nginx503エラーの原因と修正まで詳しく説明します。
VPS・RentalServer 【Next.jsブログ構築】閲覧数カウンターAPIを実装してVPSのSQLiteに記録・表示する方法
Next.jsブログにSQLiteを使った独自閲覧数カウンターを実装する手順を解説します。API Route作成、ViewCounterコンポーネント実装、閲覧数レポートスクリプト作成まで、非エンジニアにもわかりやすく説明します。
VPS・RentalServer 【Next.jsブログ構築】VPSのセキュリティ強化とSQLite導入｜fail2ban・Nginx設定手順
Next.jsブログのサーバーモード移行後に必要なセキュリティ強化手順を解説します。Nginxのレート制限ゾーン追加、fail2banへのNginx監視ジェイル追加、SQLiteとbetter-sqlite3の導入、閲覧数カウンター用テーブルの作成まで詳しく説明します。
VPS・RentalServer 【Next.jsブログ構築】Next.jsブログをVPSのサーバーモードに切り替えてPM2でプロセス管理する方法
Next.jsの静的エクスポートをVPSのサーバーモードに切り替え、PM2でプロセス管理する手順を解説します。Nginxリバースプロキシ設定、サイトマップ自動生成、deploy.shとdeploy.batの更新まで一連の作業を記録しています。
VPS・RentalServer 【Next.jsブログ構築】個別記事ページに関連記事を自動表示する方法｜タグ優先・カテゴリー補完の2段階ロジック
Next.js ブログの個別記事ページに関連記事を自動表示する機能を実装する手順を解説。タグ優先・カテゴリー補完の2段階ロジックで関連性の高い記事を最大6件自動選択する方法を、コードの意味から初心者にもわかりやすく説明します。