Next.js 15 × Tailwind × microCMS｜お知らせ一覧・詳細テンプレート

Next.js・Tailwind CSS・microCMS を使った、実務向けのお知らせサイトテンプレートです。

✨ 特徴

■ microCMS リッチエディタ完全対応

太字・リンク・画像・箇条書きなどを @tailwindcss/typography（prose）で自動スタイル。

■ 一覧・詳細ページを標準搭載

カテゴリ絞り込み、キーワード検索、ページネーションを実装済み。

（検索は不要な場合、README の手順で削除可能）

■ 実務で使えるシンプルなデザイン

PC / スマホ対応のレスポンシブ。企業サイト・個人サイトどちらにも馴染むデザイン。

■ Next.js App Router で高速表示

Server Components ベース。ISR + Webhook により microCMS 更新を自動反映。

納品物（ダウンロードファイル内容）

・Next.js ソースコード一式

・microCMS 設定手順（MICROCMS_SCHEMA.md）

・README（ローカル起動手順）

・Vercel デプロイ手順も README に記載

・LICENSE.md

・docs/DEMO.html（デザインプレビュー）

■ 404ページ・ファビコン同梱

not-found.tsx（404ページ）、icon.svg（ファビコン）も標準搭載。

【含まれないもの】

※ microCMS アカウント・APIキー・記事コンテンツは含まれません（ご自身でご用意ください）

動作環境

・Node.js v18 以上（v20 推奨）

・Next.js 15 / TypeScript / Tailwind CSS 3

・microCMS（無料プラン対応）

・Vercel（無料プランで運用可）

動作確認：Next.js 15.3.3 / microCMS JS SDK v3.1.2 / Tailwind CSS 3.4

ご購入前の確認・注意事項

・本製品はデジタルコンテンツ（ソースコード）です。性質上、返品・返金は致しかねます。

・初回セットアップ（ターミナル操作・環境変数設定）には、基本的な IT リテラシーが必要です。

・HTML/CSS/TypeScript の知識があるとカスタマイズがスムーズです。

ライセンス・サポートについて

・購入者本人の商用・非商用利用 OK（クライアント案件可）

・再配布・転売は禁止

・サポート対応：購入後8日以内

・対応内容：README手順通りに進めた上での動作不良のみ（カスタマイズ相談は対象外）

・連絡先：BOOTHメッセージにて受付