Refine

Refine 是什麼？

Refine 是一套開源的 React meta-framework，專為加速開發資料密集型網頁應用（如管理後台、儀表板、內部工具與 B2B 應用）而設計。它透過提供業界標準的身份驗證、存取控制、路由、網路、狀態管理與國際化方案，消除重複的 CRUD 操作。其 Headless 架構讓商業邏輯與 UI 完全分離，可無縫整合任何 UI 框架或自訂設計。Refine 支援 Next.js 與 Remix 的伺服器端渲染，提供多元後端連接器，並確保企業級的安全性與可擴展性。

主要功能

• Headless 架構

  將 UI 與商業邏輯解耦，讓您可以完全自訂並整合任何 UI 框架，如 TailwindCSS、Ant Design、Material UI、Mantine 和 Chakra UI。

• 多元後端連接器

  支援 15 種以上後端服務，包括 REST API、GraphQL、Supabase、Firebase、Strapi、Hasura 等，實現無縫資料整合。

• 內建驗證與存取控制

  提供企業級應用所需的強大且易於實作的身份驗證與授權流程。

• 進階狀態管理

  利用 React Query 進行高效的資料抓取、快取與變更，確保最佳效能與開發體驗。

• 支援伺服器端渲染 (SSR)

  可與 Next.js 與 Remix 整合，啟用 SSR，提升面向客戶應用的 SEO 與效能。

• 自動產生 CRUD 介面

  根據 API 資料結構自動產生 CRUD 介面，大幅縮短開發時間。

使用案例

• 企業內部工具 : 快速打造安全且可擴展的管理後台、儀表板與內部管理工具。
• B2B 應用程式 : 建立複雜的企業對企業應用，支援自訂工作流程與完善的存取控制。
• 面向客戶的網頁應用 : 開發具備伺服器端渲染的商店前台與公開應用，強化 SEO 與用戶體驗。
• 資料密集型儀表板 : 建構即時更新、可處理大量資料的儀表板。
• 快速原型設計 : 透過 Refine CLI 與自動產生 UI，快速搭建與迭代 CRUD 為主的應用。

常見問題