api

Then, you can associate this component with the `posts` resource like this:

import { createClient } from "@refinedev/supabase";  
  
const SUPABASE_URL = process.env.SUPABASE_URL ?? "";  
const SUPABASE_KEY = process.env.SUPABASE_KEY ?? "";  
  
export const supabaseClient = createClient(SUPABASE_URL, SUPABASE_KEY);  

import { Refine } from "@refinedev/core";  
import { dataProvider } from "@refinedev/supabase";  
import { supabaseClient } from "utility";  
  
function App() {  
 return (  
 <Refine  
 dataProvider={dataProvider(supabaseClient)}  
 /* ... */  
 >  
 {/* ... */}  
 </Refine>  
 );  
}  
  
export default App;  

import { Refine, Resource } from "@pankod/refine";

import { dataProvider } from "@pankod/refine-supabase";
import { supabaseClient } from "utility";

function App() {
    return (
        <Refine dataProvider={dataProvider(supabaseClient)}>
            <Resource name="posts" />
        </Refine>
    );
}

export default App;

import { List, Table, useTable } from "@pankod/refine";

export const PostList: React.FC = () => {
    const { tableProps } = useTable();

    return (
        <List>
            <Table {...tableProps} rowKey="id">
                {/* Define your table columns here */}
            </Table>
        </List>
    );
};

<Resource name="posts" list={PostList} />

import { dataProvider } from '@refinedev/supabase';  
import { supabaseClient } from 'utility';  
import { BrowserRouter, Routes, Route, Outlet } from "react-router-dom";  
import { PostList, PostCreate, PostEdit } from 'pages/posts';  
  
function App() {  
 return (  
 <BrowserRouter>  
 <Refine  
 dataProvider={dataProvider(supabaseClient)}  
 resources={[  
 {  
 name: 'posts',  
 list: "/posts",  
 create: "/posts/create",  
 edit: "/posts/edit/:id",  
 },  
 ]}  
 >  
 <Routes>  
 <Route path="/posts" element={<PostList />} />  
 <Route path="/posts/create" element={<PostCreate />} />  
 <Route path="/posts/edit/:id" element={<PostEdit />} />  
 </Routes>  
 </Refine>  
 </BrowserRouter>  
 );  
}  
  
export default App;