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.

Ably integration for refine

Ably reliably distributes realtime data to your users using the publish/subscribe messaging pattern over WebSocket connections.

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/ably

import { liveProvider, Ably } from "@refinedev/ably";

export const ablyClient = new Ably.Realtime("YOUR_API_TOKEN");

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

Documentation

• For more detailed information and usage, refer to the refine live provider documentation.
• Refer to refine & Ably tutorial on official Ably docs.
• Refer to documentation for more info about refine.
• Step up to refine tutorials.