zclzone/vue-naive-admin

これは何？

主な機能

• 01Vue 3、Vite、Pinia、UnoCSSを基盤とし、Naive UIコンポーネントを採用。
• 02ユーザー権限に基づいてルートを生成し、403ページと404ページを個別に表示。
• 03永続化に対応したPiniaによる状態管理。
• 04Redisを利用したトークンのサイレントリフレッシュ。
• 05再利用可能なPage、CRUDテーブル、Modalコンポーネント。
• 06JWTとRBACに対応した、任意で利用できるNestJS + TypeORM + MySQLバックエンド。

ユースケース

• 中小企業向けの社内バックオフィスや管理コンソールの開発。
• 権限ベースのルーティングを備えたVue 3管理画面プロジェクトの構成を学ぶ。
• 既製テンプレートを使った、学校の課題や個人向け管理ダッシュボードの開発。

クイックスタート

1. 1

   degitでテンプレートをクローンします（Gitの履歴は含まれません）

   npx degit zclzone/vue-naive-admin
2. 2

   または、このテンプレートから独自のGitHubリポジトリを作成します

使う前に知っておきたいこと

• !ドキュメントとREADMEは主に中国語です。
• !任意で利用できるNestJSバックエンドにはMySQLが必要で、トークンの更新機能にはRedisを使用します。

収録されている特集

トピック

よくある質問

vue-naive-admin とは？

Vite、Pinia、UnoCSS、Naive UIで構築された軽量なVue 3管理画面テンプレート。NestJSバックエンドも利用できます。 Vue Naive Adminは、バックオフィスシステムの構築に使えるシンプルな管理画面テンプレートです。フロントエンドはVite、Vue 3、Pinia、UnoCSSとNaive UIコンポーネントを使用し、学習コストを抑えるためTypeScriptではなく素のJavaScriptで書かれています。

vue-naive-admin は無料で使えますか？ライセンスは？

vue-naive-admin は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

vue-naive-admin は今もメンテナンスされていますか？

半年以内に更新あり。vue-naive-admin の最終コミットは 2026年8月29日 です。

vue-naive-admin は何に使えますか？

中小企業向けの社内バックオフィスや管理コンソールの開発。 権限ベースのルーティングを備えたVue 3管理画面プロジェクトの構成を学ぶ。 既製テンプレートを使った、学校の課題や個人向け管理ダッシュボードの開発。

vue-naive-admin のインストール方法は？

degitでテンプレートをクローンします（Gitの履歴は含まれません）: npx degit zclzone/vue-naive-admin または、このテンプレートから独自のGitHubリポジトリを作成します

vue-naive-admin はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/zclzone/vue-naive-admin