other-emerald•2mo ago

Hello everyone,

I am in process of planning the development of web application. I was amazed with Refine and decided to use it alongside Strapi CMS. In Refine docs I found that there is an integration with older version of Strapi. I would like to know if I can use latest version of Refine with the latest version of Strapi CMS?

4 Replies

kapa.ai•2mo ago

Hi @7HertZ. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Yes, you can use the latest version of Refine with the latest version of Strapi CMS. Refine provides built-in support for Strapi v4, which is the current latest version of Strapi. Refine offers a data provider specifically designed for Strapi v4. You can use the @refinedev/strapi-v4 package to integrate Refine with Strapi v4. This package provides the necessary data provider and authentication provider to work seamlessly with Strapi v4. Here's how you can set it up: 1. Install the Strapi v4 data provider package:

npm install @refinedev/strapi-v4

npm install @refinedev/strapi-v4

2. Import and use the data provider in your Refine app:

import { Refine } from "@refinedev/core";
import { DataProvider } from "@refinedev/strapi-v4";

function App() {
  return (
    <Refine
      ...
      dataProvider={DataProvider("API_URL")}
    />
  );
}

import { Refine } from "@refinedev/core";
import { DataProvider } from "@refinedev/strapi-v4";

function App() {
  return (
    <Refine
      ...
      dataProvider={DataProvider("API_URL")}
    />
  );
}

Replace "API_URL" with the URL of your Strapi v4 API. For more detailed information on using Refine with Strapi v4, you can refer to the following resources: 1. Strapi v4 Data Provider Documentation (https://refine.dev/docs/data/packages/strapi-v4/) 2. Strapi v4 Example (https://refine.dev/docs/examples/data-provider/strapi-v4/) These resources provide comprehensive guides on setting up and using Refine with the latest version of Strapi. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•2mo ago

<@688092485800689720> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

other-emeraldOP•2mo ago

@kapa.ai The current version of Strapi CSM is 5.6.0

stormy-gold•2mo ago

It's supported.. the ai thought you're asking if it supports older version. https://refine.dev/docs/data/data-provider/#supported-data-providers

Data Provider | Refine

Data provider acts as a data layer for your app, making HTTP requests and encapsulating how the data is retrieved. The methods of these requests are then consumed by Refine via data hooks.

Hello everyone,

Did you find this page helpful?