Repolode
投稿する
soybeanjs

soybeanjs/soybean-admin

Vue 3、Vite、TypeScript、Naive UIを採用した管理画面テンプレート。テーマ設定、i18n、ファイルベースルーティング、バックオフィス向けCLIを備えています。

GitHub で見る公式サイト
スター
15,148
フォーク
2,521
未解決の Issue
7
最終コミット
24 時間前

これは何？

SoybeanAdminは、Vue 3、Vite、TypeScript、Pinia、Naive UI、UnoCSSをベースにした管理画面テンプレートです。403、404、500エラー用のページを備えたレイアウト、タブやテーマの設定コンポーネント、モバイル対応のスタイルを提供するため、チームは基本機能を一から組み立てずに管理画面の開発を始められます。

このプロジェクトはpnpmのモノレポを採用しており、Elegant Routerによってルートのimport、宣言、型を生成するファイルベースの自動ルーティングシステムを備えています。ルーティングは、フロントエンドの静的ルートとバックエンドから取得する動的ルートの両方に対応し、i18nも組み込まれています。コード品質を保つためのツールとしてESLint、oxlint、oxfmt、Gitフックを利用でき、同梱のCLIツールはコミット、ファイル削除、リリースを処理します。

テンプレートのライセンスはMITです。READMEによると、バージョン2.3が2.x系で最後にメンテナンスされるメジャーリリースであり、現在は開発中の3.0に新しい開発が移行しています。

主な機能

  • 01Vue 3、Vite、TypeScript、Pinia、UnoCSSをベースに構築。
  • 02ルートの型を生成するファイルベースの自動ルーティング。
  • 03静的ルートと、バックエンド主導の動的な権限ルートに対応。
  • 04i18n、テーマ設定、複数のページテンプレートを標準搭載。
  • 05Conventional Commitsとリリースに対応するCLIツール。
  • 06モバイルブラウザーに対応したレスポンシブレイアウト。

ユースケース

  • Vue 3で社内バックオフィスや管理ダッシュボードを立ち上げる。
  • ルーティング、状態管理、テーマ設定を一つのプロジェクトで備えた、モダンなVueスタックを学ぶ。
  • 静的またはバックエンド主導の権限管理が必要な管理システムを構築する。

トピック

#admin-template#vue3#vite#typescript#naive-ui#pinia#unocss#dashboard#admin#elegant

よくある質問

soybean-admin とは？
Vue 3、Vite、TypeScript、Naive UIを採用した管理画面テンプレート。テーマ設定、i18n、ファイルベースルーティング、バックオフィス向けCLIを備えています。 SoybeanAdminは、Vue 3、Vite、TypeScript、Pinia、Naive UI、UnoCSSをベースにした管理画面テンプレートです。403、404、500エラー用のページを備えたレイアウト、タブやテーマの設定コンポーネント、モバイル対応のスタイルを提供するため、チームは基本機能を一から組み立てずに管理画面の開発を始められます。
soybean-admin は無料で使えますか？ライセンスは？
soybean-admin は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
soybean-admin は今もメンテナンスされていますか？
活発にメンテナンス中。soybean-admin の最終コミットは 2026年10月21日 です。
soybean-admin は何に使えますか？
Vue 3で社内バックオフィスや管理ダッシュボードを立ち上げる。 ルーティング、状態管理、テーマ設定を一つのプロジェクトで備えた、モダンなVueスタックを学ぶ。 静的またはバックエンド主導の権限管理が必要な管理システムを構築する。
soybean-admin はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/soybeanjs/soybean-admin

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト