next.js

スポンサーリンク
VPS・RentalServer

【Next.jsブログ構築】個別記事の URL を自動生成する動的ルーティングの設定方法

Next.js で構築したブログに「動的ルーティング(Dynamic Routes)」を設定し、 Markdown 記事の URL を自動生成して個別ページに本文を表示させる手順を解説します。 App Router や Next.js 15 以降の async/await 仕様にも対応しています。
VPS・RentalServer

【Next.jsブログ構築】複数のMarkdown記事を読み込みトップページに新着一覧を表示する方法

Next.js(App Router)のブログで、posts フォルダ内の複数 Markdown を読み込み、トップページに新着一覧(日付の新しい順)で表示する手順を解説。lib/posts.ts で一括取得し、gray-matter・Tailwind CSS を使う流れを初心者向けに紹介します。シリーズ第6回。
VPS・RentalServer

【Next.jsブログ構築】WordPressから移行したMarkdown記事を表示する方法(Tailwind CSS対応)

WordPress から移行した Markdown 記事を Next.js で綺麗に表示する手順を解説。react-markdown の導入から Tailwind CSS によるデザイン崩れの解決、画像や HTML タグの設定まで網羅しました。
VPS・RentalServer

【Next.jsブログ構築】VPS上でNginxを設定しNext.jsを起動・HTTPS化する手順

WordPress から Next.js への移行プロジェクト第4回。 VPS 上で Nginx のリバースプロキシを設定し、新しいサブドメインで Next.js を安全に起動・ HTTPS 化する手順と、「 A tree hydrated but... 」などのエラー対処法を非エンジニア向けに解説します。
VPS・RentalServer

【Next.jsブログ構築】VPSにNode.jsをインストールしてNext.jsを初期構築する手順

WordPress から Next.js への移行プロジェクト第3回。 Ubuntu サーバーの VPS 環境へ公式スクリプトを利用して Node.js をインストールし、コマンドラインから Next.js の初期システムを安全に構築する具体的な手順を、非エンジニア向けに分かりやすく解説します。
VPS・RentalServer

【Next.jsブログ構築】WordPressデータを抽出してXMLからMarkdownに変換する手順とNode.jsの準備

WordPress から Next.js + Markdown への移行プロジェクト第2回。プラグインを使わず標準機能で XML データを抽出し、 Node.js とコマンドツールを使って Markdown 形式へ一括変換する手順を、非エンジニアの視点で解説します。
VPS・RentalServer

【Next.jsブログ構築】WordPressからMarkdownベースの静的ブログへ再構築する理由と事前準備

WordPress の表示速度やメンテナンス課題を解決するため、 Next.js と Markdown を用いた静的ブログへの移行を決断しました。本記事では、システムを再構築する理由と、安全な移行に向けたテストページの作成手順について解説します。
スポンサーリンク