refinedev/refine

これは何？

主な機能

• 01認証、アクセス制御、ルーティング、ネットワーク通信、i18n向けのヘッドレスなフックとコンポーネント
• 02REST、GraphQL、Supabase、Strapi、Firebaseなど、15種類以上のバックエンド向けコネクタ
• 03Ant Design、Material UI、Mantine、Chakra UIを標準サポートし、独自のスタイル設定にも対応
• 04Next.jsとRemixでのSSRに対応し、複数のルーターライブラリと互換性のあるルーティング
• 05React Queryをベースにしたデータ取得とミューテーションに加え、ライブ／リアルタイム機能にも対応

ユースケース

• 既存のREST APIやGraphQL APIを利用した社内ツールや管理画面の構築
• ロールベースのアクセス制御を備えたB2Bダッシュボードの作成
• Ant DesignやMUIなどの既存UIライブラリを使ったCRUDアプリの迅速なプロトタイピング
• SSRを利用した、ストアフロントなどデータを多く扱う顧客向けアプリの構築

クイックスタート

1. 1

   create-refine-app スキャフォルダーで新しいプロジェクトを作成する

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

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

• !効果的に使うには、ReactベースのスタックとTypeScriptの知識が必要です。
• !React QueryとCRUDパターンを中心に構築されているため、CRUD以外のアプリにはあまり適していません。

トピック

よくある質問

refine とは？

CRUD中心の管理画面、ダッシュボード、社内ツールを構築するためのヘッドレスなReactメタフレームワーク。 Refineは、管理画面、ダッシュボード、社内ツール、B2Bアプリなど、CRUD中心のWebアプリケーション向けのReactメタフレームワークです。ローコードビルダーとすべてを一から実装する方法の中間に位置し、認証、アクセス制御、ルーティング、データ取得、状態管理、i18nといった一般的な機能をフックとコンポーネントで処理しながら、UIは自由に設計できます。

refine は無料で使えますか？ライセンスは？

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

refine は今もメンテナンスされていますか？

半年以内に更新あり。refine の最終コミットは 2026年9月10日 です。

refine は何に使えますか？

既存のREST APIやGraphQL APIを利用した社内ツールや管理画面の構築 ロールベースのアクセス制御を備えたB2Bダッシュボードの作成 Ant DesignやMUIなどの既存UIライブラリを使ったCRUDアプリの迅速なプロトタイピング SSRを利用した、ストアフロントなどデータを多く扱う顧客向けアプリの構築

refine のインストール方法は？

create-refine-app スキャフォルダーで新しいプロジェクトを作成する: npm create refine-app@latest my-refine-app

refine はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/refinedev/refine