OpenPanel/packages/supabase
Stefan Pejcic 8595a9f4e5 back
2024-05-08 19:58:53 +02:00
..
src back 2024-05-08 19:58:53 +02:00
test back 2024-05-08 19:58:53 +02:00
.npmignore back 2024-05-08 19:58:53 +02:00
CHANGELOG.md back 2024-05-08 19:58:53 +02:00
jest.config.js back 2024-05-08 19:58:53 +02:00
LICENSE back 2024-05-08 19:58:53 +02:00
package.json back 2024-05-08 19:58:53 +02:00
README.md back 2024-05-08 19:58:53 +02:00
refine.config.js back 2024-05-08 19:58:53 +02:00
tsconfig.declarations.json back 2024-05-08 19:58:53 +02:00
tsconfig.json back 2024-05-08 19:58:53 +02:00
tsup.config.ts back 2024-05-08 19:58:53 +02:00



refine is an open-source, headless React framework for developers building enterprise internal tools, admin panels, dashboards, B2B applications.

It eliminates repetitive tasks in CRUD operations and provides industry-standard solutions for critical project components like authentication, access control, routing, networking, state management, and i18n.

Supabase integration for refine

Supabase is an open source Firebase alternative.

refine is headless by design, offering unlimited styling and customization options. Moreover, refine ships with ready-made integrations for Ant Design, Material UI, Mantine, and Chakra UI for convenience.

refine has connectors for 15+ backend services, including REST API, GraphQL, and popular services like Airtable, Strapi, Supabase, Firebase, and NestJS.

Installation & Usage

npm install @refinedev/supabase
import { dataProvider, liveProvider, createClient } from "@refinedev/supabase";

const supabaseClient = createClient("SUPABASE_URL", "SUPABASE_KEY");

const App = () => {
  return (
    <Refine
      dataProvider={dataProvider(supabaseClient)}
      liveProvider={liveProvider(supabaseClient)}
      /* ... */
    >
      {/* ... */}
    </Refine>
  );
};

Documentation