OSS探訪
GitHubで見るプロジェクトサイト

CRUD-heavyなenterprise UIの共通処理をheadless layerへ切り出す

OSS規模スコア 未算出OSS健全度 100
スコアの見方

OSS規模スコアはStars・Watchers・Forks・Contributorsを対数圧縮して重み付けした現在の規模指標（上限なし）です。発掘スコアは現在のOSS規模スコアから発掘時点のOSS規模スコアを引いた値、更新ペースは直近30日Commit数、成長モメンタムは直近の観測期間におけるOSS規模スコア差、OSS健全度は取得できた更新状況・Community Health・Releaseの0〜100評価です。

Stars
35,739
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/09/10
ページ内ナビ

概要

Refine Coreはadmin panel、dashboard、internal tool等で繰り返し必要になるdata fetching、mutation、authentication、access control、routing、i18nをReactのheadless layerとして提供するmeta-frameworkです。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日：

主な特徴

CRUDとdata accessをprovider/hookで共通化する

REST、GraphQL、Supabase、Hasura、Strapi等のdata sourceをproviderとして接続し、list/create/update等の操作を共通hookから扱えます。

出典：[2]

UI frameworkを固定せずenterprise applicationを構築する

Ant Design、Material UI、Mantine、Chakra UI、custom Tailwind UI等と組み合わせ、business logicとpresentationを分離できます。

出典：[2]

向いている用途

admin panelやinternal toolの基盤処理を毎回作り直したくないteamに向く

CRUD、認証、権限制御、routing、realtime等を共通化しつつ、UIやbackendの選択自由度を残したいReact projectに適します。

出典：[2]

導入前の確認

headlessである分、UI・routing・backend構成の選定は必要

完成済みadmin productではなくframeworkなので、UI library、router、data provider、authentication provider等をproject要件に合わせて組み合わせます。

出典：[2]

package単位のversionを確認する

monorepoは複数packageを持ち、release tagも@refinedev/core@5.0.12のようにpackage単位です。導入時は利用packageごとのversion compatibilityを確認します。

出典：[3][1]

参考にした公式資料

  1. [1]refinedev/refine repository(2026-09-30)
  2. [2]Refine Core README(2026-09-30)
  3. [3]Refine Core 5.0.12 release(2026-09-30)
  4. [4]Refine MIT license(2026-09-30)
編集部からの補足

Refine CoreはUIを固定しないheadless React meta-frameworkで、admin panelやdashboard、internal toolのauthentication、routing、data access、access control等を共通化します。最新のGitHub releaseは@refinedev/core 5.0.12で、READMEは15以上のbackend connectorと複数UI frameworkへの統合を案内しています。

3ステップで試す

  1. 1

    Refine appを生成

    official generatorで新しいRefine Core projectを作成します。

    npm create refine-app@latest my-refine-app
  2. 2

    production buildを確認

    生成されたprojectが選択したstackで正常にbuildできることを確認します。

    cd my-refine-app && npm run build
  3. 3

    development serverを起動

    表示されたlocal URLをbrowserで開き、生成されたCRUD applicationを確認します。

    npm run dev
公式READMEで確認

成長

成長の推移 · 直近30日

35,739 Stars

推移データを蓄積中です。

Built with

カテゴリとタグ

カテゴリ

タグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る
GitHubで見る

GitHub Topics

  • admin
  • admin-ui
  • ant-design
  • crud
  • developer-tools
  • frontend-framework
  • graphql
  • headless
  • internal-tools
  • nextjs
  • react
  • react-framework
Stars
35,739
Forks
3,227
Watchers
152
Open Issues
44
所有者種別
Organization
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/09/10
関連記事を投稿する

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

情報の誤りを報告

掲載内容に誤りや古い情報があればお知らせください。

このページを読んで、次に何をすればよいか分かりましたか？