CRUD中心の管理画面、ダッシュボード、社内ツールを構築するためのヘッドレスなReactメタフレームワーク。
marmelab/react-admin
Material UIを使い、RESTまたはGraphQL API上に管理ダッシュボードやバックオフィス向けSPAを構築するReactフレームワーク。
代替できる製品:Retool
Airtable Interface
- スター
- 26,968
- フォーク
- 5,471
- 未解決の Issue
- 65
- 最終コミット
- 一昨日
これは何?
react-adminは、ブラウザー上で動作する管理画面や、データを扱うシングルページアプリケーションを構築するためのフロントエンドフレームワークです。data providerを介してAPIに接続すると、Material UIをベースにしたCRUDページ、データグリッド、フォーム、検索・フィルター、認証、ルーティング、権限管理を利用できます。
疎結合なReactコンポーネントとフックの組み合わせで構成されているため、どの部分も独自のコンポーネントに置き換えられます。READMEには、RESTおよびGraphQLバックエンド向けの45種類を超えるdata providerアダプターが掲載されています。また、APIエンドポイントを一覧・編集・作成ページに対応付ける宣言的な<Resource>コンポーネントも用意されています。
プロジェクトはTypeScriptで書かれていますが、JavaScriptもサポートしています。Material UI、react-hook-form、react-router、react-queryを基盤としており、ECデモ、CRM、シンプルなブログなどのサンプルアプリケーションも付属しています。
主な機能
- 0145種類を超えるdata providerアダプターを介して、RESTまたはGraphQL APIに接続
- 02CRUDページ、データグリッド、バリデーション付きフォーム、検索・フィルターを提供
- 03認証、ロールと権限、ルーティング、i18n、通知機能を搭載
- 04Material UIをベースとしており、すべてのコンポーネントを独自のものに置き換え可能
- 05TypeScriptとJavaScriptの両方をサポート
ユースケース
- 既存のREST APIの背後にあるデータを管理する社内管理画面の構築
- 一覧、編集フォーム、権限管理を備えたCRMやEC向けバックオフィスの作成
- GraphQLバックエンド上に管理UIを追加
クイックスタート
- 1
npmからreact-adminをインストール
npm install react-admin - 2
またはyarnでインストール
yarn add react-admin
使う前に知っておきたいこと
- データの提供には、バックエンドAPI(REST、GraphQL、またはdata providerアダプター)が必要です。
トピック
よくある質問
- react-admin とは?
- Material UIを使い、RESTまたはGraphQL API上に管理ダッシュボードやバックオフィス向けSPAを構築するReactフレームワーク。 react-adminは、ブラウザー上で動作する管理画面や、データを扱うシングルページアプリケーションを構築するためのフロントエンドフレームワークです。data providerを介してAPIに接続すると、Material UIをベースにしたCRUDページ、データグリッド、フォーム、検索・フィルター、認証、ルーティング、権限管理を利用できます。
- react-admin は無料で使えますか?ライセンスは?
- react-admin は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- react-admin は今もメンテナンスされていますか?
- 活発にメンテナンス中。react-admin の最終コミットは 2026年10月19日 です。
- react-admin は何に使えますか?
- 既存のREST APIの背後にあるデータを管理する社内管理画面の構築 一覧、編集フォーム、権限管理を備えたCRMやEC向けバックオフィスの作成 GraphQLバックエンド上に管理UIを追加
- react-admin のインストール方法は?
- npmからreact-adminをインストール: npm install react-admin またはyarnでインストール: yarn add react-admin
- react-admin はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/marmelab/react-admin
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
正規化キャッシュ、React Hooks、Vue・Angular・Svelte対応を備えたTypeScript・JavaScript向けGraphQLクライアント。
コンテンツモデルからRESTおよびGraphQL APIを生成する、TypeScript製のオープンソース・セルフホスト型ヘッドレスCMS。
オブジェクト、ビュー、ワークフロー、AIエージェントをコードで拡張できる、TypeScript・React・PostgreSQL製のオープンソースCRM。
25以上のデータベースやあらゆるAPIに接続できる、管理画面・社内ツール・ダッシュボード構築向けのオープンソース低コードプラットフォーム。
RedwoodJSのGraphQLパッケージ。GraphQL YogaとEnvelopを基盤とする、RedwoodフルスタックReactフレームワークのオプションのGraphQL APIレイヤーです。