Home Page | Discord | Examples | Blog | Documentation

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.

PostgREST integration for refine

PostgREST is a standalone web server that turns your PostgreSQL database directly into a RESTful API. The structural constraints and permissions in the database determine the API endpoints and operations.

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 @ffimnsr/refine-postgrest

import { dataProvider, createClient } from "@ffimnsr/refine-postgrest";

const postgrestClient = createClient("POSTGREST_INSTANCE_URL");

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

Documentation

• For more detailed information and usage, refer to the refine data provider documentation.
• Refer to refine Supabase docs.
• Refer to refine integration on Supabase offical docs.
• Refer to refine Supabase data provider example.
• Refer to documentation for more info about refine.
• Step up to refine tutorials.