MOGE
icon of Refine

Refine

一套專為快速開發 CRUD 為主的網頁應用，具備企業級功能與 Headless 架構的 React meta-framework。

社群:

AI 應用程式構建器AI 開發者工具
造訪網站
Sponsored
icon

Atoms

Sponsor

無需寫程式，幾分鐘內驗證創意、建立網站與應用，獲得第一批客戶。

PRODUCT HUNT#1 Product of the Day

產品概覽

Refine 是什麼？

Refine preview

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 為主的應用。

常見問題

Refine 網站分析