mcpField
T
tailadmin-nextjs

tailadmin-nextjs

github.com/rebyteai-templateデザイン・UI1797 回インストール19 週間前に更新
リポジトリ

tailadmin-nextjs について

TailAdmin Next.jsは、Next.jsアプリケーションを開発する人向けの管理ダッシュボードテンプレートです。30以上のコンポーネント、ダークモード、チャート、カレンダー、フォーム、テーブルを備えています。

主な機能

  1. 0130以上のダッシュボードコンポーネント
  2. 02ダークモード
  3. 03ApexChartsのチャート
  4. 04カレンダー、フォーム、テーブル
  5. 05Next.js 16とReact 19を採用

活用シーン

  1. 01Next.js管理ダッシュボードの開発開始
  2. 02チャートやテーブルを含むページの構築

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill tailadmin-nextjs

インストール後、Claude Code で/tailadmin-nextjsを入力して読み込まれたか確認します。

詳細

TailAdmin Next.js

30 以上のコンポーネント、ダークモード、ApexCharts、カレンダー、フォーム、テーブルを備えた無料の Next.js 管理ダッシュボードです。

技術スタック

  • フレームワーク: Next.js 16
  • React: React 19
  • スタイリング: Tailwind CSS 4
  • チャート: ApexCharts
  • パッケージマネージャー: pnpm
  • 開発ポート: 3000

セットアップ

1. テンプレートをクローンする
git clone --depth 1 https://github.com/Eng0AI/tailadmin-nextjs-template.git .

ディレクトリが空でない場合：

git clone --depth 1 https://github.com/Eng0AI/tailadmin-nextjs-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Git の履歴を削除する（任意）
rm -rf .git
git init
3. 依存関係をインストールする
pnpm install

ビルド

pnpm build

デプロイ

Vercel（推奨）
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod

開発

pnpm dev

http://localhost:3000 で開きます

コメント

Markdown 対応