Next.js 16 · MySQL · オープンソース · 自前ホスト型

コンテンツ管理を、
もっとシンプルに。

洗練されたダーク UI の管理画面で、投稿の作成から公開まで。
セキュリティ・多言語・AI 下書き・WordPress 移行を標準搭載。

  • Lighthouse 100/100
  • TOTP 二段階認証
  • AI 下書き生成
  • MIT ライセンス
localhost:3000/admin
dbit CMS 管理画面
100 Lighthouse スコア
20+ 標準搭載機能
MIT ライセンス
i18n 多言語対応
01 — Features

主な機能

エディタ・セキュリティ・分析・移行まで、サイト運営に必要な機能をはじめから搭載。プラグイン管理は不要です。

Tiptap v3 リッチエディタ

フォーマットツールバー・ブロック挿入・リアルタイムプレビューパネルを装備。390 / 768 / 1024 px の各ブレークポイントでの表示を並べて確認しながら編集できます。

AI 下書き生成

管理画面内の AI Chat 経由でコンテンツの骨格を瞬時に生成。タイトル・見出し構成・本文の草案をまとめて出力し、編集効率を大幅に向上させます。

TOTP 二段階認証

認証アプリ (TOTP) による二段階認証と BASIC 認証を標準搭載。追加の外部サービスなしで管理画面を堅牢に保護します。

多言語対応 (i18n)

next-intl による完全な国際化対応。投稿・固定ページを言語ごとに管理し、グローバルなメディアを構築できます。主要言語を prefix なしで配信する設定にも対応。

WordPress 移行

WP 管理画面 → ツール → エクスポートで出力した WXR ファイルをアップロードするだけで、投稿・固定ページ・タグ・カテゴリ・著者を一括インポート。

豊富な組み込み機能

フォーム管理・コンテンツカレンダー・ニュースレター・アナリティクス(自前 PV / GA4 / Search Console)・データソース・リダイレクトをすべて標準搭載。

マルチサイト

1 インストールで複数ドメイン・ブランドを一元管理。グループ企業や多言語展開を進める企業に最適。OFF にするとシングルサイトとして動作します。

SEO 最適化

Lighthouse スコア 100/100。OGP・サイトマップ・JSON-LD 構造化データを自動生成。Core Web Vitals を意識した高速設計で、検索流入と SNS シェアを強化します。

02 — Screenshots

管理画面プレビュー

洗練されたダーク UI で、コンテンツ管理を快適に。直感的な操作性と豊富な情報量を両立した管理画面です。

  • ダッシュボード

    公開状況・PV 推移・最近のコメント・フォーム送信を一覧表示。セットアップウィザードで初期設定もブラウザだけで完結します。

  • 記事エディタ

    Tiptap v3 エディタとリアルタイムプレビューを横並びで表示。スマートフォン・タブレット・PC の各画面サイズで確認しながら編集できます。

  • アナリティクス

    自前 PV カウント・Google Analytics 4・Search Console の 3 種類のデータを一画面で確認。人気記事 Top 10・急上昇・タグ別 PV も表示します。

  • コンテンツカレンダー

    公開・下書き・レビュー・非公開のステータスをカラーコードで表示するカレンダービュー。t キーで今日、← → キーで月移動ができます。

localhost:3000/admin/dashboard
dbit CMS ダッシュボード
03 — Stack

技術スタック

信頼性の高いモダン技術で構築。拡張しやすく、長期運用に耐える設計です。

Next.js 16 App Router · RSC · SSR / SSG
MySQL データストア · マイグレーション管理
TypeScript 型安全な全体設計
Tiptap v3 拡張可能なリッチテキストエディタ
next-intl 完全な国際化対応 (i18n)
Docker コンテナ化 · 環境を選ばない構成
04 — Setup

3 ステップで始める

ブラウザだけで完結するウィザードで、数分でセットアップ完了。コマンドライン操作は最初の起動のみです。

01

コードを配置 & 起動

cd dbit-cms
docker compose up -d

受け取ったコードをサーバーに配置し Docker を起動。GCP / AWS どちらの環境でも動作します。

02

ウィザードで設定

# ブラウザで開く
http://localhost:3000/install

サイト名・DB 接続・管理者アカウントをブラウザから設定。コマンドライン操作は不要です。

03

投稿を作成・公開

# 管理画面にログイン
http://localhost:3000/admin

エディタで記事を書いて公開するだけ。OGP・サイトマップ・構造化データは自動で生成されます。

導入・運用を dbit がサポートします

自社サーバーへのセットアップ・テーマカスタマイズ・運用保守まで dbit がワンストップで支援。GCP / AWS どちらにも対応します。まずはお気軽にご相談ください。

お問い合わせ