Sms integration
Is it possible to integrate sms API, to send sms after save successfully a resource
KHi @Sly. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. 
K----------------------
Yes, it is possible to integrate an SMS API to send an SMS after successfully saving a resource in a refine application. You can achieve this by using the property in hooks like
Here is an example of how you can customize the to send an SMS using an SMS API like Twilio:
In this example, after a successful form submission, the function is called. Inside this function, you can make an API call to your SMS service to send a notification.
Yes, it is possible to integrate an SMS API to send an SMS after successfully saving a resource in a refine application. You can achieve this by using the property in hooks like
useFormuseShowHere is an example of how you can customize the to send an SMS using an SMS API like Twilio:
- Set up the Notification Provider: Ensure you have the set up in your application. This is required for the property to work.
- Customize the : Use the property in the
hook to call your SMS API.useForm
useFormIn this example, after a successful form submission, the function is called. Inside this function, you can make an API call to your SMS service to send a notification.
KFor more details on customizing notifications, you can refer to the useForm documentation (https://refine.dev/docs/data/hooks/use-form/#successnotification-) and the Notification Providers guide (https://refine.dev/docs/guides-concepts/notifications/#notification-providers).
If you need to set up Twilio for SMS, you can follow the guide on OTP Authentication with Supabase and Twilio in React (https://refine.dev/blog/supabase-twilio-otp-authentication-in-react/#set-up-the-supabase-project) for detailed instructions on configuring Twilio.
----------------------
Note: you can ask me a follow up question by @ mentioning me again
----------------------
If you need to set up Twilio for SMS, you can follow the guide on OTP Authentication with Supabase and Twilio in React (https://refine.dev/blog/supabase-twilio-otp-authentication-in-react/#set-up-the-supabase-project) for detailed instructions on configuring Twilio.
----------------------
Note: you can ask me a follow up question by @ mentioning me again
----------------------
K@1172098337760096258 kapa.ai is still learning and improving, please let us know how it did by reacting below
I@kapa.ai can I use Supabase and Strapi in the same project?
KLet me check the knowledge base for you. One moment! 
K----------------------
Yes, you can use both Supabase and Strapi in the same refine project. Refine allows you to use multiple data providers, which means you can integrate different backends within the same application.
Here is how you can set up both Supabase and Strapi in your refine project:
Yes, you can use both Supabase and Strapi in the same refine project. Refine allows you to use multiple data providers, which means you can integrate different backends within the same application.
Here is how you can set up both Supabase and Strapi in your refine project:
- **Install the necessary packages**:
- For Supabase:
@refinedev/supabase - For Strapi:
@refinedev/strapi-v4
- For Supabase:
- **Create clients for both Supabase and Strapi**:
- Set up the Supabase client in `src/utility/supabaseClient.ts`:```javascriptimport { createClient } from "@refinedev/supabase";const SUPABASE_URL = "<https://your-supabase-url.supabase.co";>const SUPABASE_KEY = "your-supabase-key";export const supabaseClient = createClient(SUPABASE_URL, SUPABASE_KEY, { db: { schema: "public", }, auth: { persistSession: true, },});```
- Set up the Strapi client in `src/utility/strapiClient.ts`:```javascriptimport axios from "axios";import { DataProvider } from "@refinedev/strapi-v4";const API_URL = "<https://your-strapi-url/api";>export const strapiClient = DataProvider(API_URL, axios);```
- **Configure the data providers in your `App` component**:```javascriptimport { Refine } from "@refinedev/core";import { supabaseClient } from "./utility/supabaseClient";import { strapiClient } from "./utility/strapiClient";function App() { return ( <Refine dataProvider={{ default: supabaseClient, strapi: strapiClient, }} // other configurations /> );}export default App;```
K- **Use the data providers in your components**:
- When using hooks like `useList`, `useShow`, `useCreate`, etc., you can specify which data provider to use by passing the `resource` parameter:```javascriptimport { useList } from "@refinedev/core";const MyComponent = () => { const { data, isLoading } = useList({ resource: "posts", // This will use the default (Supabase) data provider }); const { data: strapiData, isLoading: strapiLoading } = useList({ resource: "strapi::articles", // This will use the Strapi data provider }); return ( <div> {/* Render your data */} </div> );};```
----------------------
Note: you can ask me a follow up question by @ mentioning me again
----------------------
K@1172098337760096258 kapa.ai is still learning and improving, please let us know how it did by reacting below