Repolode
marmelab

marmelab/react-admin

Material UIを使い、RESTまたはGraphQL API上に管理ダッシュボードやバックオフィス向けSPAを構築するReactフレームワーク。

代替できる製品:RetoolAirtable 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. 1

    npmからreact-adminをインストール

    npm install react-admin
  2. 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 の数値は毎日更新されます。

関連プロジェクト