ORLOV ゲーム

スキル ·

TailAdmin — 無料のNext.js管理パネル

コーディングツールに管理パネルを頼むと、2007年のような見た目になることがよくあります。TailAdminは、代わりに渡せる無料のパネルです。

GitHubでTailAdminを見る

これは指示のまとまりではありません。できあがった管理パネルです。

TailAdminは無料です。コードを読んで使えます。ライセンスはMITです。Next.jsとTailwind CSSの、ダッシュボードのひな形です。

READMEでは、土台はNext.js 16、React 19、TypeScript、Tailwind CSS v4です。

2026年10月17日の時点で、スターは2,581、コピーは874でした。コードの最後の更新は2026年9月15日です。

簡単な管理パネルです。横のバー、三本のグラフ、表の二行があります。
本物のパネルから始めます。白紙からは始めません。

入っているもの

READMEの無料リストは、ダッシュボード一つ、ダッシュボード部品30+、画面の部品50+です。

その中には、表、折れ線グラフ、棒グラフ、サインインのフォーム、ダークモードがあります。

有料版には、もっと多くのダッシュボードがあります。このメモは無料のリポジトリの話です。

ツールに渡すには

コーディングツールにリポジトリのリンクを渡します。自分のプロジェクトのパネルを、TailAdminの上に作るよう頼みます。

変更履歴では、2026年9月13日のバージョン2.4.0で、AGENTS.mdというファイルが足されました。コーディングツールがプロジェクトを扱えるようにするためです。

入れ方

Node.js 20.x以降が要ります。リポジトリを複製し、入れて、それから起動します。

インストールがパッケージの食い違いを知らせたら、READMEは --legacy-peer-deps を足すよう言っています。Windowsでは、複製に失敗したらドライブの根元の近くに置きます。

git clone https://github.com/TailAdmin/free-nextjs-admin-dashboard.git
cd free-nextjs-admin-dashboard
npm install
npm run dev

無料のデモは nextjs-free-demo.tailadmin.com です。文書は tailadmin.com/docs です。

GitHubでTailAdminを見る