From 3101f4053b40d5004ecfa0c554d85de6b5d7c0bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ali=20Emir=20=C5=9Een?= <senaliemir@gmail.com>
Date: Fri, 26 Jul 2024 09:25:26 +0300
Subject: [PATCH] chore: migrate to appwrite cloud (#408)

* chore(appwrite): migrate to cloud

* test(e2e): enable appwrite tests

* fix(refine-nextjs): fix category id form field text

* chore(mui-example): update header name for content

* chore(appwrite): update created at value key

* ci: skip appwrite tests
---
 refine-nextjs/plugins/_base/extend.js         |  4 ++-
 .../src/app/blog-posts/edit/[id]/page.tsx     | 16 +++++++++++
 .../antd-example/src/app/blog-posts/page.tsx  |  8 ++++--
 .../src/app/blog-posts/show/[id]/page.tsx     | 10 +++++--
 .../src/providers/data-provider/index.ts      |  4 +--
 .../src/utils/constants.ts                    |  4 +--
 .../src/app/blog-posts/create/page.tsx        |  4 +++
 .../src/app/blog-posts/edit/[id]/page.tsx     | 26 +++++++++++++++++
 .../src/app/blog-posts/page.tsx               | 10 ++++---
 .../src/app/blog-posts/show/[id]/page.tsx     |  8 ++++--
 .../src/app/blog-posts/create/page.tsx        |  7 +++++
 .../src/app/blog-posts/edit/[id]/page.tsx     | 25 +++++++++++++++++
 .../mui-example/src/app/blog-posts/page.tsx   | 12 ++++----
 .../src/app/blog-posts/show/[id]/page.tsx     | 19 +++++++------
 refine-remix/plugins/_base/extend.js          |  4 ++-
 .../app/routes/_layout.blog-posts._index.tsx  |  6 ++--
 .../routes/_layout.blog-posts.edit.$id.tsx    | 16 +++++++++++
 .../routes/_layout.blog-posts.show.$id.tsx    | 12 ++++++--
 .../app/utility/appwriteClient.ts             |  4 +--
 .../plugins/data-provider-appwrite/extend.js  |  4 +--
 .../app/routes/_layout.blog-posts._index.tsx  | 10 ++++---
 .../app/routes/_layout.blog-posts.create.tsx  |  4 +++
 .../routes/_layout.blog-posts.edit.$id.tsx    | 26 +++++++++++++++++
 .../routes/_layout.blog-posts.show.$id.tsx    |  8 ++++--
 .../app/routes/_layout.blog-posts._index.tsx  | 10 ++++---
 .../app/routes/_layout.blog-posts.create.tsx  |  7 +++++
 .../routes/_layout.blog-posts.edit.$id.tsx    | 25 +++++++++++++++++
 .../routes/_layout.blog-posts.show.$id.tsx    | 21 ++++++++------
 refine-vite/plugins/_base/extend.js           |  4 ++-
 .../src/pages/blog-posts/edit.tsx             | 25 ++++++++++++++++-
 .../src/pages/blog-posts/list.tsx             |  6 ++--
 .../src/pages/blog-posts/show.tsx             | 10 +++++--
 .../plugins/data-provider-appwrite/extend.js  |  4 +--
 .../src/utility/appwriteClient.ts             |  4 +--
 .../src/pages/blog-posts/create.tsx           |  4 +++
 .../src/pages/blog-posts/edit.tsx             | 28 ++++++++++++++++++-
 .../src/pages/blog-posts/list.tsx             |  4 ++-
 .../src/pages/blog-posts/show.tsx             |  8 ++++--
 .../src/pages/blog-posts/create.tsx           |  7 +++++
 .../mui-example/src/pages/blog-posts/edit.tsx | 25 +++++++++++++++++
 .../mui-example/src/pages/blog-posts/list.tsx | 12 ++++----
 .../mui-example/src/pages/blog-posts/show.tsx |  6 ++--
 42 files changed, 382 insertions(+), 79 deletions(-)

diff --git a/refine-nextjs/plugins/_base/extend.js b/refine-nextjs/plugins/_base/extend.js
index 1c6282bda..19ceda266 100644
--- a/refine-nextjs/plugins/_base/extend.js
+++ b/refine-nextjs/plugins/_base/extend.js
@@ -182,6 +182,8 @@ module.exports = {
             base.blogPostCategoryIdFormField = `"categoryId"`;
         } else if (dataProvider === "data-provider-supabase") {
             base.blogPostCategoryIdFormField = `"categoryId"`;
+        } else if (dataProvider === "data-provider-appwrite") {
+            base.blogPostCategoryIdFormField = `"category"`;
         } else {
             if (uiFramework === "mui" || isHeadless) {
                 base.blogPostCategoryIdFormField = `"category.id"`;
@@ -191,7 +193,7 @@ module.exports = {
         }
 
         // ## blogPostCategoryTableField
-        if (base.isGraphQL) {
+        if (base.isGraphQL || dataProvider === "data-provider-appwrite") {
             if (isHeadless) {
                 base.blogPostCategoryTableField = `"category.title"`;
             }
diff --git a/refine-nextjs/plugins/antd-example/src/app/blog-posts/edit/[id]/page.tsx b/refine-nextjs/plugins/antd-example/src/app/blog-posts/edit/[id]/page.tsx
index 9e9ffbff1..7034cf2b7 100644
--- a/refine-nextjs/plugins/antd-example/src/app/blog-posts/edit/[id]/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/blog-posts/edit/[id]/page.tsx
@@ -31,6 +31,18 @@ export default function BlogPostEdit() {
         meta: {
             select: '*, categories(id,title)',
         },
+<%_ } _%>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        queryOptions: {
+            select: ({ data }) => {
+            return {
+                data: {
+                ...data,
+                category: data.category.$id,
+                },
+            };
+            },
+        },
 <%_ } _%>
     });
 
@@ -38,7 +50,11 @@ export default function BlogPostEdit() {
 
     const { selectProps: categorySelectProps } = useSelect({
         resource: "categories",
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>,
+<%_ } else { _%>
         defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
             fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
diff --git a/refine-nextjs/plugins/antd-example/src/app/blog-posts/page.tsx b/refine-nextjs/plugins/antd-example/src/app/blog-posts/page.tsx
index c0e1e35ef..a04124e6d 100644
--- a/refine-nextjs/plugins/antd-example/src/app/blog-posts/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/blog-posts/page.tsx
@@ -45,7 +45,7 @@ export default function BlogPostList() {
 <%_ } _%>
     });
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useMany({
         resource: "categories",
         ids: tableProps?.dataSource?.map((item) => item?.<%- blogPostCategoryFieldName %>?.id).filter(Boolean) ?? [],
@@ -71,7 +71,7 @@ export default function BlogPostList() {
                 <Table.Column
                     dataIndex={<%- blogPostCategoryTableField %>}
                     title={"Category"}
-                    <%_ if (!isGraphQL) { _%>
+                    <%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
                     render={(value) =>
                             categoryIsLoading ? (
                                 <>Loading...</>
@@ -86,7 +86,9 @@ export default function BlogPostList() {
                 <Table.Column dataIndex="status" title={"Status"} />
                 <Table.Column
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
-                    dataIndex={["created_at"]}      
+                    dataIndex={["created_at"]}    
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                    dataIndex={["$createdAt"]}  
 <%_ } else { _%>
                     dataIndex={["createdAt"]}
 <%_ } _%>        
diff --git a/refine-nextjs/plugins/antd-example/src/app/blog-posts/show/[id]/page.tsx b/refine-nextjs/plugins/antd-example/src/app/blog-posts/show/[id]/page.tsx
index a26fdad80..cca792751 100644
--- a/refine-nextjs/plugins/antd-example/src/app/blog-posts/show/[id]/page.tsx
+++ b/refine-nextjs/plugins/antd-example/src/app/blog-posts/show/[id]/page.tsx
@@ -46,7 +46,7 @@ export default function BlogPostShow() {
 
     const record = data?.data;
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useOne({
         resource: "categories",
         id: record?.<%- blogPostCategoryFieldName %>?.id || "",
@@ -65,7 +65,7 @@ export default function BlogPostShow() {
             <Title level={5}>{"Content"}</Title>
             <MarkdownField value={record?.content} />
             <Title level={5}>{"Category"}</Title>
-<%_ if (isGraphQL) { _%>  
+<%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>  
             <TextField value={record?.<%- blogPostCategoryFieldName %>?.title} />
 <%_ } else { _%>
             <TextField value={categoryIsLoading ? (
@@ -77,7 +77,13 @@ export default function BlogPostShow() {
             <Title level={5}>{"Status"}</Title>
             <TextField value={record?.status} />
             <Title level={5}>{"CreatedAt"}</Title>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+            <DateField value={record?.$createdAt} />
+<%_ } else if (answers["data-provider"] === "data-provider-hasura") { _%>  
+            <DateField value={record?.created_at} />
+<%_ } else { _%>
             <DateField value={record?.createdAt} />
+<%_ } _%>  
         </Show>
     );
 };
diff --git a/refine-nextjs/plugins/data-provider-appwrite/src/providers/data-provider/index.ts b/refine-nextjs/plugins/data-provider-appwrite/src/providers/data-provider/index.ts
index 7d9aaf090..82a3bc4ee 100644
--- a/refine-nextjs/plugins/data-provider-appwrite/src/providers/data-provider/index.ts
+++ b/refine-nextjs/plugins/data-provider-appwrite/src/providers/data-provider/index.ts
@@ -4,9 +4,9 @@ import { dataProvider, liveProvider } from "@refinedev/appwrite";
 import { appwriteClient } from "@utils/appwrite/client";
 
 export const appwriteDataProvider = dataProvider(appwriteClient, {
-    databaseId: "database",
+  databaseId: "default",
 });
 
 export const appwriteLiveProvider = liveProvider(appwriteClient, {
-    databaseId: "database",
+  databaseId: "default",
 });
diff --git a/refine-nextjs/plugins/data-provider-appwrite/src/utils/constants.ts b/refine-nextjs/plugins/data-provider-appwrite/src/utils/constants.ts
index 8be31586b..b376660d5 100644
--- a/refine-nextjs/plugins/data-provider-appwrite/src/utils/constants.ts
+++ b/refine-nextjs/plugins/data-provider-appwrite/src/utils/constants.ts
@@ -1,3 +1,3 @@
-export const APPWRITE_URL = "https://refine.appwrite.org/v1";
-export const APPWRITE_PROJECT = "61c4368b4e349";
+export const APPWRITE_URL = "https://cloud.appwrite.io/v1";
+export const APPWRITE_PROJECT = "6697687d002cbd31ba6b";
 export const APPWRITE_JWT_KEY = "appwrite-jwt";
diff --git a/refine-nextjs/plugins/headless-example/src/app/blog-posts/create/page.tsx b/refine-nextjs/plugins/headless-example/src/app/blog-posts/create/page.tsx
index 805ef3a1a..8356533fa 100644
--- a/refine-nextjs/plugins/headless-example/src/app/blog-posts/create/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/blog-posts/create/page.tsx
@@ -111,7 +111,11 @@ export default function BlogPostCreate() {
                             ))}
                         </select>
                         <span style={{ color: "red" }}>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                            {(errors as any)?.<%- blogPostCategoryFieldName %>?.message as string}
+<%_ } else { _%>
                             {(errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message as string}
+<%_ } _%>
                         </span>
                     </label>
                     <label>
diff --git a/refine-nextjs/plugins/headless-example/src/app/blog-posts/edit/[id]/page.tsx b/refine-nextjs/plugins/headless-example/src/app/blog-posts/edit/[id]/page.tsx
index 968143ba0..afa13b69e 100644
--- a/refine-nextjs/plugins/headless-example/src/app/blog-posts/edit/[id]/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/blog-posts/edit/[id]/page.tsx
@@ -48,6 +48,20 @@ export default function BlogPostCreate() {
                 select: '*, categories(id,title)',
             },
         },
+<%_ } _%>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        refineCoreProps: {
+            queryOptions: {
+                select: ({ data }) => {
+                return {
+                    data: {
+                    ...data,
+                    category: data.category.$id,
+                    },
+                };
+                },
+            },
+        },
 <%_ } _%>
     });
 
@@ -55,7 +69,11 @@ export default function BlogPostCreate() {
 
     const { options: categoryOptions } = useSelect({
         resource: "categories",
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>,
+<%_ } else { _%>
         defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
             meta: {
                 fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
@@ -69,7 +87,11 @@ export default function BlogPostCreate() {
     });
 
     React.useEffect(() => {
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        setValue(<%- blogPostCategoryIdFormField %>, blogPostsData?.<%- blogPostCategoryFieldName %>);
+<%_ } else { _%>
         setValue(<%- blogPostCategoryIdFormField %>, blogPostsData?.<%- blogPostCategoryFieldName %>?.id);
+<%_ } _%>
     }, [categoryOptions]);
 
     return (
@@ -134,7 +156,11 @@ export default function BlogPostCreate() {
                             ))}
                         </select>
                         <span style={{ color: "red" }}>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                            {(errors as any)?.<%- blogPostCategoryFieldName %>?.message as string}
+<%_ } else { _%>
                             {(errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message as string}
+<%_ } _%>
                         </span>
                     </label>
                     <label>
diff --git a/refine-nextjs/plugins/headless-example/src/app/blog-posts/page.tsx b/refine-nextjs/plugins/headless-example/src/app/blog-posts/page.tsx
index 5b565b8dd..53e5909c6 100644
--- a/refine-nextjs/plugins/headless-example/src/app/blog-posts/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/blog-posts/page.tsx
@@ -37,7 +37,7 @@ export default function BlogPostList() {
                 id: "category",
                 header: "Category",
                 accessorKey: <%- blogPostCategoryTableField %>,
-                <%_ if (!isGraphQL) { _%>
+                <%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
                     cell: function render({ getValue, table }) {
                         const meta = table.options.meta as {
                             categoryData: GetManyResponse;
@@ -63,9 +63,11 @@ export default function BlogPostList() {
             {
                 id: "createdAt",
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
-                    accessorKey: "created_at",
+                accessorKey: "created_at",
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                accessorKey: "$createdAt",
 <%_ } else { _%>
-                    accessorKey: "createdAt",
+                accessorKey: "createdAt",
 <%_ } _%>      
                 header: "Created At",
                 cell: function render({ getValue }) {
@@ -159,7 +161,7 @@ export default function BlogPostList() {
 <%_ } _%>
     });
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData } = useMany({
         resource: "categories",
         ids: tableData?.data?.map((item) => item?.<%- blogPostCategoryFieldName %>?.id).filter(Boolean) ?? [],
diff --git a/refine-nextjs/plugins/headless-example/src/app/blog-posts/show/[id]/page.tsx b/refine-nextjs/plugins/headless-example/src/app/blog-posts/show/[id]/page.tsx
index 33ef44f71..94e8a9848 100644
--- a/refine-nextjs/plugins/headless-example/src/app/blog-posts/show/[id]/page.tsx
+++ b/refine-nextjs/plugins/headless-example/src/app/blog-posts/show/[id]/page.tsx
@@ -43,7 +43,7 @@ export default function BlogPostShow() {
 
     const record = data?.data;
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useOne({
         resource: "categories",
         id: record?.<%- blogPostCategoryFieldName %>?.id || "",
@@ -85,7 +85,7 @@ export default function BlogPostShow() {
                 </div>
                 <div style={{ marginTop: "6px" }}>
                     <h5>{"Category"}</h5>
-<%_ if (isGraphQL) { _%>  
+<%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>  
                     <div>{record?.<%- blogPostCategoryFieldName %>?.title}</div>
 <%_ } else { _%>
                     <div>
@@ -108,6 +108,10 @@ export default function BlogPostShow() {
                     {new Date(record?.created_at).toLocaleString(undefined, {
                             timeZone: "UTC",
                     })}
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                    {new Date(record?.$createdAt).toLocaleString(undefined, {
+                        timeZone: "UTC",
+                    })}
 <%_ } else { _%>
                     {new Date(record?.createdAt).toLocaleString(undefined, {
                         timeZone: "UTC",
diff --git a/refine-nextjs/plugins/mui-example/src/app/blog-posts/create/page.tsx b/refine-nextjs/plugins/mui-example/src/app/blog-posts/create/page.tsx
index 807bf90b8..ebbbe6317 100644
--- a/refine-nextjs/plugins/mui-example/src/app/blog-posts/create/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/blog-posts/create/page.tsx
@@ -118,10 +118,17 @@ export default function BlogPostCreate() {
                                     label={"Category"}
                                     margin="normal"
                                     variant="outlined"
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                                    error={!!(errors as any)?.<%- blogPostCategoryFieldName %>}
+                                    helperText={
+                                        (errors as any)?.<%- blogPostCategoryFieldName %>?.message
+                                    }
+<%_ } else { _%>
                                     error={!!(errors as any)?.<%- blogPostCategoryFieldName %>?.id}
                                     helperText={
                                         (errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message
                                     }
+<%_ } _%>
                                     required
                                 />
                             )}
diff --git a/refine-nextjs/plugins/mui-example/src/app/blog-posts/edit/[id]/page.tsx b/refine-nextjs/plugins/mui-example/src/app/blog-posts/edit/[id]/page.tsx
index ef4cf10d8..4b4948ba6 100644
--- a/refine-nextjs/plugins/mui-example/src/app/blog-posts/edit/[id]/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/blog-posts/edit/[id]/page.tsx
@@ -49,6 +49,20 @@ export default function BlogPostEdit() {
                 select: '*, categories(id,title)',
             },
         },
+<%_ } _%>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+    refineCoreProps: {
+        queryOptions: {
+            select: ({ data }) => {
+            return {
+                data: {
+                ...data,
+                category: data.category.$id,
+                },
+            };
+            },
+        },
+    },
 <%_ } _%>
     });
 
@@ -56,7 +70,11 @@ export default function BlogPostEdit() {
 
     const { autocompleteProps: categoryAutocompleteProps } = useAutocomplete({
         resource: "categories",
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>,
+<%_ } else { _%>
         defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
             fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
@@ -122,10 +140,17 @@ export default function BlogPostEdit() {
                                     label={"Category"}
                                     margin="normal"
                                     variant="outlined"
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                                    error={!!(errors as any)?.<%- blogPostCategoryFieldName %>}
+                                    helperText={
+                                        (errors as any)?.<%- blogPostCategoryFieldName %>?.message
+                                    }
+<%_ } else { _%>
                                     error={!!(errors as any)?.<%- blogPostCategoryFieldName %>?.id}
                                     helperText={
                                         (errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message
                                     }
+<%_ } _%>
                                     required
                                 />
                             )}
diff --git a/refine-nextjs/plugins/mui-example/src/app/blog-posts/page.tsx b/refine-nextjs/plugins/mui-example/src/app/blog-posts/page.tsx
index 2e525c01e..d1e3bddbd 100644
--- a/refine-nextjs/plugins/mui-example/src/app/blog-posts/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/blog-posts/page.tsx
@@ -44,7 +44,7 @@ export default function BlogPostList() {
 <%_ } _%>
     });
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useMany({
         resource: "categories",
         ids: dataGridProps?.rows?.map((item: any) => item?.<%- blogPostCategoryFieldName %>?.id).filter(Boolean) ?? [],
@@ -71,7 +71,7 @@ export default function BlogPostList() {
             {
                 field: "content",
                 flex: 1,
-                headerName: "content",
+                headerName: "Content",
                 minWidth: 250,
                 renderCell: function render({ value }) {
                     if (!value) return '-'
@@ -85,7 +85,7 @@ export default function BlogPostList() {
                 flex: 1,
                 headerName: "Category",
                 minWidth: 300,
-                <%_ if (isGraphQL) { _%>
+                <%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>
                 valueGetter: ({ row }) => {
                       const value = row?.<%- blogPostCategoryFieldName %>?.title
                        return value
@@ -112,7 +112,9 @@ export default function BlogPostList() {
             },
             {
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
-                    field: "created_at",       
+                    field: "created_at",   
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                    field: "$createdAt",   
 <%_ } else { _%>
                     field: "createdAt",
 <%_ } _%>        
@@ -141,7 +143,7 @@ export default function BlogPostList() {
                 minWidth: 80,
             },
         ],
-        <%_ if (isGraphQL) { _%>
+        <%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>
             [],
         <%_ } else { _%>
             [categoryData],
diff --git a/refine-nextjs/plugins/mui-example/src/app/blog-posts/show/[id]/page.tsx b/refine-nextjs/plugins/mui-example/src/app/blog-posts/show/[id]/page.tsx
index f0d9c4686..bfe3ce71c 100644
--- a/refine-nextjs/plugins/mui-example/src/app/blog-posts/show/[id]/page.tsx
+++ b/refine-nextjs/plugins/mui-example/src/app/blog-posts/show/[id]/page.tsx
@@ -46,7 +46,7 @@ export default function BlogPostShow() {
 
     const record = data?.data;
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useOne({
         resource: "categories",
         id: record?.<%- blogPostCategoryFieldName %>?.id || "",
@@ -77,16 +77,15 @@ export default function BlogPostShow() {
                 <Typography variant="body1" fontWeight="bold">
                     {"Category"}
                 </Typography>
-<%_ if (isGraphQL) { _%>  
-                    <div>{record?.<%- blogPostCategoryFieldName %>?.title}</div>
+<%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>  
+                <div>{record?.<%- blogPostCategoryFieldName %>?.title}</div>
 <%_ } else { _%>
-                    {categoryIsLoading ? (
-                        <>Loading...</>
-                    ) : (
-                        <>{categoryData?.data?.title}</>
-                    )}
+                {categoryIsLoading ? (
+                    <>Loading...</>
+                ) : (
+                    <>{categoryData?.data?.title}</>
+                )}
 <%_ } _%>  
-
                 <Typography variant="body1" fontWeight="bold">
                     {"Status"}
                 </Typography>
@@ -97,6 +96,8 @@ export default function BlogPostShow() {
                 </Typography>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
                 <DateField value={record?.created_at} />
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                <DateField value={record?.$createdAt} />
 <%_ } else { _%>
                 <DateField value={record?.createdAt} />
 <%_ } _%>      
diff --git a/refine-remix/plugins/_base/extend.js b/refine-remix/plugins/_base/extend.js
index 1ec88ecc9..b309951f9 100644
--- a/refine-remix/plugins/_base/extend.js
+++ b/refine-remix/plugins/_base/extend.js
@@ -152,6 +152,8 @@ module.exports = {
             base.blogPostCategoryIdFormField = `"categoryId"`;
         } else if (dataProvider === "data-provider-supabase") {
             base.blogPostCategoryIdFormField = `"categoryId"`;
+        } else if (dataProvider === "data-provider-appwrite") {
+            base.blogPostCategoryIdFormField = `"category"`;
         } else {
             if (uiFramework === "mui" || isHeadless) {
                 base.blogPostCategoryIdFormField = `"category.id"`;
@@ -161,7 +163,7 @@ module.exports = {
         }
 
         // ## blogPostCategoryTableField
-        if (base.isGraphQL) {
+        if (base.isGraphQL || dataProvider === "data-provider-appwrite") {
             if (isHeadless) {
                 base.blogPostCategoryTableField = `"category.title"`;
             }
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts._index.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts._index.tsx
index 6d6592054..1446a4fc4 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts._index.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts._index.tsx
@@ -42,7 +42,7 @@ export default function BlogPostList() {
 <%_ } _%>
   });
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
   const { data: categoryData, isLoading: categoryIsLoading } = useMany({
       resource: "categories",
       ids: tableProps?.dataSource?.map((item) => item?.<%- blogPostCategoryFieldName %>?.id).filter(Boolean) ?? [],
@@ -68,7 +68,7 @@ export default function BlogPostList() {
                 <Table.Column
                     dataIndex={<%- blogPostCategoryTableField %>}
                     title={"Category"}
-                    <%_ if (!isGraphQL) { _%>
+                    <%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
                     render={(value) =>
                             categoryIsLoading ? (
                                 <>Loading...</>
@@ -84,6 +84,8 @@ export default function BlogPostList() {
               <Table.Column
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
                   dataIndex={["created_at"]}      
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                  dataIndex={["$createdAt"]}  
 <%_ } else { _%>
                   dataIndex={["createdAt"]}
 <%_ } _%>        
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.edit.$id.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.edit.$id.tsx
index 684656a4f..a2db323d1 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.edit.$id.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.edit.$id.tsx
@@ -29,6 +29,18 @@ export default function BlogPostEdit() {
         meta: {
             select: '*, categories(id,title)',
         },
+<%_ } _%>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        queryOptions: {
+            select: ({ data }) => {
+            return {
+                data: {
+                ...data,
+                category: data.category.$id,
+                },
+            };
+            },
+        },
 <%_ } _%>
     });
 
@@ -36,7 +48,11 @@ export default function BlogPostEdit() {
 
     const { selectProps: categorySelectProps } = useSelect({
         resource: "categories",
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>,
+<%_ } else { _%>
         defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
             fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
diff --git a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.show.$id.tsx b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.show.$id.tsx
index c51020ae4..06bffa7d0 100644
--- a/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.show.$id.tsx
+++ b/refine-remix/plugins/antd-example/app/routes/_layout.blog-posts.show.$id.tsx
@@ -44,7 +44,7 @@ export default function BlogPostShow() {
 
   const record = data?.data;
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
   const { data: categoryData, isLoading: categoryIsLoading } = useOne({
       resource: "categories",
       id: record?.<%- blogPostCategoryFieldName %>?.id || "",
@@ -63,7 +63,7 @@ export default function BlogPostShow() {
           <Title level={5}>{"Content"}</Title>
           <MarkdownField value={record?.content} />
           <Title level={5}>{"Category"}</Title>
-<%_ if (isGraphQL) { _%>  
+<%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>  
             <TextField value={record?.<%- blogPostCategoryFieldName %>?.title} />
 <%_ } else { _%>
             <TextField value={categoryIsLoading ? (
@@ -75,7 +75,13 @@ export default function BlogPostShow() {
           <Title level={5}>{"Status"}</Title>
           <TextField value={record?.status} />
           <Title level={5}>{"CreatedAt"}</Title>
-          <DateField value={record?.createdAt} />
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+            <DateField value={record?.$createdAt} />
+<%_ } else if (answers["data-provider"] === "data-provider-hasura") { _%>  
+            <DateField value={record?.created_at} />
+<%_ } else { _%>
+            <DateField value={record?.createdAt} />
+<%_ } _%>  
       </Show>
   );
 };
diff --git a/refine-remix/plugins/data-provider-appwrite/app/utility/appwriteClient.ts b/refine-remix/plugins/data-provider-appwrite/app/utility/appwriteClient.ts
index 4222ad970..9fb270c5a 100644
--- a/refine-remix/plugins/data-provider-appwrite/app/utility/appwriteClient.ts
+++ b/refine-remix/plugins/data-provider-appwrite/app/utility/appwriteClient.ts
@@ -1,7 +1,7 @@
 import { Account, Appwrite, Storage } from "@refinedev/appwrite";
 
-const APPWRITE_URL = "https://refine.appwrite.org/v1";
-const APPWRITE_PROJECT = "61c4368b4e349";
+const APPWRITE_URL = "https://cloud.appwrite.io/v1";
+const APPWRITE_PROJECT = "6697687d002cbd31ba6b";
 const TOKEN_KEY = "appwrite-token";
 
 const appwriteClient = new Appwrite();
diff --git a/refine-remix/plugins/data-provider-appwrite/extend.js b/refine-remix/plugins/data-provider-appwrite/extend.js
index d0848d00c..ad251e8d7 100644
--- a/refine-remix/plugins/data-provider-appwrite/extend.js
+++ b/refine-remix/plugins/data-provider-appwrite/extend.js
@@ -9,10 +9,10 @@ const base = {
         ],
         refineProps: [
             `dataProvider={dataProvider(appwriteClient, {
-                databaseId: "database",
+                databaseId: "default",
             })}`,
             `liveProvider={liveProvider(appwriteClient, {
-                databaseId: "database",
+                databaseId: "default",
             })}`,
             `authProvider={authProvider}`,
         ],
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts._index.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts._index.tsx
index fb549b35b..7748f75f1 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts._index.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts._index.tsx
@@ -36,7 +36,7 @@ export default function BlogPostList() {
                 id: "category",
                 header: "Category",
                 accessorKey: <%- blogPostCategoryTableField %>,
-                <%_ if (!isGraphQL) { _%>
+                <%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
                     cell: function render({ getValue, table }) {
                         const meta = table.options.meta as {
                             categoryData: GetManyResponse;
@@ -62,9 +62,11 @@ export default function BlogPostList() {
             {
                 id: "createdAt",
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
-                    accessorKey: "created_at",
+                accessorKey: "created_at",
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                accessorKey: "$createdAt",
 <%_ } else { _%>
-                    accessorKey: "createdAt",
+                accessorKey: "createdAt",
 <%_ } _%>      
                 header: "Created At",
                 cell: function render({ getValue }) {
@@ -158,7 +160,7 @@ export default function BlogPostList() {
 <%_ } _%>
     });
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData } = useMany({
         resource: "categories",
         ids: tableData?.data?.map((item) => item?.<%- blogPostCategoryFieldName %>?.id).filter(Boolean) ?? [],
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx
index 74531fc3e..48bb253b6 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.create.tsx
@@ -110,7 +110,11 @@ export default function BlogPostCreate() {
                             ))}
                         </select>
                         <span style={{ color: "red" }}>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                            {(errors as any)?.<%- blogPostCategoryFieldName %>?.message as string}
+<%_ } else { _%>
                             {(errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message as string}
+<%_ } _%>
                         </span>
                     </label>
                     <label>
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx
index ed3f6b211..ac8576d70 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.edit.$id.tsx
@@ -45,6 +45,20 @@ export default function BlogPostCreate() {
                 select: '*, categories(id,title)',
             },
         },
+<%_ } _%>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        refineCoreProps: {
+            queryOptions: {
+                select: ({ data }) => {
+                return {
+                    data: {
+                    ...data,
+                    category: data.category.$id,
+                    },
+                };
+                },
+            },
+        },
 <%_ } _%>
     });
 
@@ -52,7 +66,11 @@ export default function BlogPostCreate() {
 
     const { options: categoryOptions } = useSelect({
         resource: "categories",
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>,
+<%_ } else { _%>
         defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
             meta: {
                 fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
@@ -61,7 +79,11 @@ export default function BlogPostCreate() {
     });
 
     React.useEffect(() => {
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        setValue(<%- blogPostCategoryIdFormField %>, blogPostsData?.<%- blogPostCategoryFieldName %>);
+<%_ } else { _%>
         setValue(<%- blogPostCategoryIdFormField %>, blogPostsData?.<%- blogPostCategoryFieldName %>?.id);
+<%_ } _%>
     }, [categoryOptions]);
     
 
@@ -127,7 +149,11 @@ export default function BlogPostCreate() {
                             ))}
                         </select>
                         <span style={{ color: "red" }}>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                            {(errors as any)?.<%- blogPostCategoryFieldName %>?.message as string}
+<%_ } else { _%>
                             {(errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message as string}
+<%_ } _%>
                         </span>
                     </label>
                     <label>
diff --git a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx
index b2487db9c..fd70948f7 100644
--- a/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx
+++ b/refine-remix/plugins/headless-example/app/routes/_layout.blog-posts.show.$id.tsx
@@ -41,7 +41,7 @@ export default function BlogPostShow() {
 
     const record = data?.data;
     
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useOne({
         resource: "categories",
         id: record?.<%- blogPostCategoryFieldName %>?.id || "",
@@ -83,7 +83,7 @@ export default function BlogPostShow() {
                 </div>
                 <div style={{ marginTop: "6px" }}>
                     <h5>{"Category"}</h5>
-<%_ if (isGraphQL) { _%>  
+<%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>  
                     <div>{record?.<%- blogPostCategoryFieldName %>?.title}</div>
 <%_ } else { _%>
                     <div>
@@ -106,6 +106,10 @@ export default function BlogPostShow() {
                     {new Date(record?.created_at).toLocaleString(undefined, {
                             timeZone: "UTC",
                     })}
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                    {new Date(record?.$createdAt).toLocaleString(undefined, {
+                        timeZone: "UTC",
+                    })}
 <%_ } else { _%>
                     {new Date(record?.createdAt).toLocaleString(undefined, {
                         timeZone: "UTC",
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts._index.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts._index.tsx
index ecfff4e48..c31389866 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts._index.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts._index.tsx
@@ -42,7 +42,7 @@ export default function BlogPostList() {
 <%_ } _%>
     });
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useMany({
         resource: "categories",
         ids: dataGridProps?.rows?.map((item: any) => item?.<%- blogPostCategoryFieldName %>?.id).filter(Boolean) ?? [],
@@ -69,7 +69,7 @@ export default function BlogPostList() {
             {
                 field: "content",
                 flex: 1,
-                headerName: "content",
+                headerName: "Content",
                 minWidth: 250,
                 renderCell: function render({ value }) {
                     if (!value) return '-'
@@ -83,7 +83,7 @@ export default function BlogPostList() {
                 flex: 1,
                 headerName: "Category",
                 minWidth: 300,
-                <%_ if (isGraphQL) { _%>
+                <%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>
                 valueGetter: ({ row }) => {
                       const value = row?.<%- blogPostCategoryFieldName %>?.title
                        return value
@@ -111,6 +111,8 @@ export default function BlogPostList() {
             {
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
                     field: "created_at",       
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                    field: "$createdAt",   
 <%_ } else { _%>
                     field: "createdAt",
 <%_ } _%>        
@@ -139,7 +141,7 @@ export default function BlogPostList() {
                 minWidth: 80,
             },
         ],
-        <%_ if (isGraphQL) { _%>
+        <%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>
             [],
         <%_ } else { _%>
             [categoryData],
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.create.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.create.tsx
index 9559dd6fc..df3067ef0 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.create.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.create.tsx
@@ -115,10 +115,17 @@ export default function BlogPostCreate() {
                                     label={"Category"}
                                     margin="normal"
                                     variant="outlined"
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                                    error={!!(errors as any)?.<%- blogPostCategoryFieldName %>}
+                                    helperText={
+                                        (errors as any)?.<%- blogPostCategoryFieldName %>?.message
+                                    }
+<%_ } else { _%>
                                     error={!!(errors as any)?.<%- blogPostCategoryFieldName %>?.id}
                                     helperText={
                                         (errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message
                                     }
+<%_ } _%>
                                     required
                                 />
                             )}
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.edit.$id.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.edit.$id.tsx
index d088ab32e..0f9675dff 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.edit.$id.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.edit.$id.tsx
@@ -47,6 +47,20 @@ export default function BlogPostEdit() {
                 select: '*, categories(id,title)',
             },
         },
+<%_ } _%>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        refineCoreProps: {
+            queryOptions: {
+                select: ({ data }) => {
+                return {
+                    data: {
+                    ...data,
+                    category: data.category.$id,
+                    },
+                };
+                },
+            },
+        },
 <%_ } _%>
     });
 
@@ -54,7 +68,11 @@ export default function BlogPostEdit() {
 
     const { autocompleteProps: categoryAutocompleteProps } = useAutocomplete({
         resource: "categories",
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>,
+<%_ } else { _%>
         defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
             fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
@@ -135,10 +153,17 @@ export default function BlogPostEdit() {
                                     label={"Category"}
                                     margin="normal"
                                     variant="outlined"
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                                    error={!!(errors as any)?.<%- blogPostCategoryFieldName %>}
+                                    helperText={
+                                        (errors as any)?.<%- blogPostCategoryFieldName %>?.message
+                                    }
+<%_ } else { _%>
                                     error={!!(errors as any)?.<%- blogPostCategoryFieldName %>?.id}
                                     helperText={
                                         (errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message
                                     }
+<%_ } _%>
                                     required
                                 />
                             )}
diff --git a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.show.$id.tsx b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.show.$id.tsx
index 196c6de00..d16e9de89 100644
--- a/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.show.$id.tsx
+++ b/refine-remix/plugins/mui-example/app/routes/_layout.blog-posts.show.$id.tsx
@@ -43,7 +43,7 @@ export default function BlogPostShow() {
 
     const record = data?.data;
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useOne({
         resource: "categories",
         id: record?.<%- blogPostCategoryFieldName %>?.id || "",
@@ -71,14 +71,17 @@ export default function BlogPostShow() {
                 </Typography>
                 <MarkdownField value={record?.content} />
 
-<%_ if (isGraphQL) { _%>  
-                    <div>{record?.<%- blogPostCategoryFieldName %>?.title}</div>
+                <Typography variant="body1" fontWeight="bold">
+                    {"Category"}
+                </Typography>
+<%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>  
+                <div>{record?.<%- blogPostCategoryFieldName %>?.title}</div>
 <%_ } else { _%>
-                    {categoryIsLoading ? (
-                        <>Loading...</>
-                    ) : (
-                        <>{categoryData?.data?.title}</>
-                    )}
+                {categoryIsLoading ? (
+                    <>Loading...</>
+                ) : (
+                    <>{categoryData?.data?.title}</>
+                )}
 <%_ } _%>  
 
                 <Typography variant="body1" fontWeight="bold">
@@ -88,6 +91,8 @@ export default function BlogPostShow() {
 
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
                 <DateField value={record?.created_at} />
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                <DateField value={record?.$createdAt} />
 <%_ } else { _%>
                 <DateField value={record?.createdAt} />
 <%_ } _%>      
diff --git a/refine-vite/plugins/_base/extend.js b/refine-vite/plugins/_base/extend.js
index 801cd7bfa..c3caed5a4 100644
--- a/refine-vite/plugins/_base/extend.js
+++ b/refine-vite/plugins/_base/extend.js
@@ -198,6 +198,8 @@ module.exports = {
             base.blogPostCategoryIdFormField = `"categoryId"`;
         } else if (dataProvider === "data-provider-supabase") {
             base.blogPostCategoryIdFormField = `"categoryId"`;
+        } else if (dataProvider === "data-provider-appwrite") {
+            base.blogPostCategoryIdFormField = `"category"`;   
         } else {
             if (uiFramework === "mui" || isHeadless) {
                 base.blogPostCategoryIdFormField = `"category.id"`;
@@ -207,7 +209,7 @@ module.exports = {
         }
 
         // ## blogPostCategoryTableField
-        if (base.isGraphQL) {
+        if (base.isGraphQL || dataProvider === "data-provider-appwrite") {
             if (isHeadless) {
                 base.blogPostCategoryTableField = `"category.title"`;
             }
diff --git a/refine-vite/plugins/antd-example/src/pages/blog-posts/edit.tsx b/refine-vite/plugins/antd-example/src/pages/blog-posts/edit.tsx
index 08b9fa7ee..01cd4e00a 100644
--- a/refine-vite/plugins/antd-example/src/pages/blog-posts/edit.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/blog-posts/edit.tsx
@@ -30,6 +30,18 @@ export const BlogPostEdit = () => {
     meta: {
         select: '*, categories(id,title)',
     },
+<%_ } _%>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+    queryOptions: {
+        select: ({ data }) => {
+          return {
+            data: {
+              ...data,
+              category: data.category.$id,
+            },
+          };
+        },
+    },
 <%_ } _%>
     });
 
@@ -37,10 +49,17 @@ export const BlogPostEdit = () => {
 
     const { selectProps: categorySelectProps } = useSelect({
         resource: "categories",
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
         defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
         queryOptions: {
             enabled: !!blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
         },
+<%_ } else { _%>
+    defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>,
+    queryOptions: {
+        enabled: !!blogPostsData?.<%- blogPostCategoryFieldName %>,
+    },
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
             fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
@@ -82,7 +101,11 @@ export const BlogPostEdit = () => {
                 <Form.Item
                     label={"Category"}
                     name={<%- blogPostCategoryIdFormField %>}
-                    initialValue={formProps?.initialValues?.<%- blogPostCategoryFieldName %>?.id}
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                    initialValue={formProps?.initialValues?.<%- blogPostCategoryFieldName %>}
+<%_ } else { _%>
+    initialValue={formProps?.initialValues?.<%- blogPostCategoryFieldName %>?.id}
+<%_ } _%>
                     rules={[
                         {
                             required: true,
diff --git a/refine-vite/plugins/antd-example/src/pages/blog-posts/list.tsx b/refine-vite/plugins/antd-example/src/pages/blog-posts/list.tsx
index 067d92889..f4672b7f1 100644
--- a/refine-vite/plugins/antd-example/src/pages/blog-posts/list.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/blog-posts/list.tsx
@@ -42,7 +42,7 @@ export const BlogPostList = () => {
 <%_ } _%>
     });
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useMany({
         resource: "categories",
         ids: tableProps?.dataSource?.map((item) => item?.<%- blogPostCategoryFieldName %>?.id).filter(Boolean) ?? [],
@@ -69,7 +69,7 @@ export const BlogPostList = () => {
                 <Table.Column
                     dataIndex={<%- blogPostCategoryTableField %>}
                     title={"Category"}
-                    <%_ if (!isGraphQL) { _%>
+                    <%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
                     render={(value) =>
                             categoryIsLoading ? (
                                 <>Loading...</>
@@ -85,6 +85,8 @@ export const BlogPostList = () => {
                 <Table.Column
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
                     dataIndex={["created_at"]}  
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                    dataIndex={["$createdAt"]}  
 <%_ } else { _%>
                     dataIndex={["createdAt"]}
 <%_ } _%>        
diff --git a/refine-vite/plugins/antd-example/src/pages/blog-posts/show.tsx b/refine-vite/plugins/antd-example/src/pages/blog-posts/show.tsx
index 9b7e718ef..ae706c8a6 100644
--- a/refine-vite/plugins/antd-example/src/pages/blog-posts/show.tsx
+++ b/refine-vite/plugins/antd-example/src/pages/blog-posts/show.tsx
@@ -44,7 +44,7 @@ export const BlogPostShow = () => {
 
     const record = data?.data;
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useOne({
         resource: "categories",
         id: record?.<%- blogPostCategoryFieldName %>?.id || "",
@@ -64,7 +64,7 @@ export const BlogPostShow = () => {
             <Title level={5}>{"Content"}</Title>
             <MarkdownField value={record?.content} />
             <Title level={5}>{"Category"}</Title>
-<%_ if (isGraphQL) { _%>  
+<%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>  
             <TextField value={record?.<%- blogPostCategoryFieldName %>?.title} />
 <%_ } else { _%>
             <TextField value={categoryIsLoading ? (
@@ -76,7 +76,13 @@ export const BlogPostShow = () => {
             <Title level={5}>{"Status"}</Title>
             <TextField value={record?.status} />
             <Title level={5}>{"CreatedAt"}</Title>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+            <DateField value={record?.$createdAt} />
+<%_ } else if (answers["data-provider"] === "data-provider-hasura") { _%>
+            <DateField value={record?.created_at} />
+<%_ } else { _%>
             <DateField value={record?.createdAt} />
+<%_ } _%>  
         </Show>
     );
 };
diff --git a/refine-vite/plugins/data-provider-appwrite/extend.js b/refine-vite/plugins/data-provider-appwrite/extend.js
index 69ef979d7..148b655f8 100644
--- a/refine-vite/plugins/data-provider-appwrite/extend.js
+++ b/refine-vite/plugins/data-provider-appwrite/extend.js
@@ -7,10 +7,10 @@ const base = {
         relativeImport: [`import { authProvider } from "./authProvider";`],
         refineProps: [
             `dataProvider={dataProvider(appwriteClient, {
-                databaseId: "database",
+                databaseId: "default",
             })}`,
             `liveProvider={liveProvider(appwriteClient, {
-                databaseId: "database",
+                databaseId: "default",
             })}`,
             `authProvider={authProvider}`,
         ],
diff --git a/refine-vite/plugins/data-provider-appwrite/src/utility/appwriteClient.ts b/refine-vite/plugins/data-provider-appwrite/src/utility/appwriteClient.ts
index 6c36280cb..3dd3777e7 100644
--- a/refine-vite/plugins/data-provider-appwrite/src/utility/appwriteClient.ts
+++ b/refine-vite/plugins/data-provider-appwrite/src/utility/appwriteClient.ts
@@ -1,7 +1,7 @@
 import { Account, Appwrite, Storage } from "@refinedev/appwrite";
 
-const APPWRITE_URL = "https://refine.appwrite.org/v1";
-const APPWRITE_PROJECT = "61c4368b4e349";
+const APPWRITE_URL = "https://cloud.appwrite.io/v1";
+const APPWRITE_PROJECT = "6697687d002cbd31ba6b";
 
 const appwriteClient = new Appwrite();
 
diff --git a/refine-vite/plugins/headless-example/src/pages/blog-posts/create.tsx b/refine-vite/plugins/headless-example/src/pages/blog-posts/create.tsx
index 79a2c1815..528d1c1db 100644
--- a/refine-vite/plugins/headless-example/src/pages/blog-posts/create.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/blog-posts/create.tsx
@@ -110,7 +110,11 @@ export const BlogPostCreate = () => {
                             ))}
                         </select>
                         <span style={{ color: "red" }}>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                            {(errors as any)?.<%- blogPostCategoryFieldName %>?.message as string}
+<%_ } else { _%>
                             {(errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message as string}
+<%_ } _%>
                         </span>
                     </label>
                     <label>
diff --git a/refine-vite/plugins/headless-example/src/pages/blog-posts/edit.tsx b/refine-vite/plugins/headless-example/src/pages/blog-posts/edit.tsx
index 008d4e4e3..6279a4b95 100644
--- a/refine-vite/plugins/headless-example/src/pages/blog-posts/edit.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/blog-posts/edit.tsx
@@ -45,6 +45,20 @@ export const BlogPostEdit = () => {
                     select: '*, categories(id,title)',
                 },
          },
+<%_ } _%>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        refineCoreProps: {
+            queryOptions: {
+                select: ({ data }) => {
+                return {
+                    data: {
+                    ...data,
+                    category: data.category.$id,
+                    },
+                };
+                },
+            },
+        },
 <%_ } _%>
     });
 
@@ -52,7 +66,11 @@ export const BlogPostEdit = () => {
 
     const { options: categoryOptions } = useSelect({
         resource: "categories",
-        defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+            defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>,
+<%_ } else { _%>
+            defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
             meta: {
                 fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
@@ -66,7 +84,11 @@ export const BlogPostEdit = () => {
     });
 
     React.useEffect(() => {
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        setValue(<%- blogPostCategoryIdFormField %>, blogPostsData?.<%- blogPostCategoryFieldName %>);
+<%_ } else { _%>
         setValue(<%- blogPostCategoryIdFormField %>, blogPostsData?.<%- blogPostCategoryFieldName %>?.id);
+<%_ } _%>
     }, [categoryOptions]);
 
     return (
@@ -131,7 +153,11 @@ export const BlogPostEdit = () => {
                             ))}
                         </select>
                         <span style={{ color: "red" }}>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                            {(errors as any)?.<%- blogPostCategoryFieldName %>?.message as string}
+<%_ } else { _%>
                             {(errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message as string}
+<%_ } _%>
                         </span>
                     </label>
                     <label>
diff --git a/refine-vite/plugins/headless-example/src/pages/blog-posts/list.tsx b/refine-vite/plugins/headless-example/src/pages/blog-posts/list.tsx
index 6f3c3ef32..2446b1c10 100644
--- a/refine-vite/plugins/headless-example/src/pages/blog-posts/list.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/blog-posts/list.tsx
@@ -35,7 +35,7 @@ export const BlogPostList = () => {
                 id: "category",
                 header: "Category",
                 accessorKey: <%- blogPostCategoryTableField %>,
-                <%_ if (!isGraphQL) { _%>
+                <%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
                     cell: function render({ getValue, table }) {
                         const meta = table.options.meta as {
                             categoryData: GetManyResponse;
@@ -62,6 +62,8 @@ export const BlogPostList = () => {
                 id: "createdAt",
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
                     accessorKey: "created_at",
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                    accessorKey: "$createdAt",
 <%_ } else { _%>
                     accessorKey: "createdAt",
 <%_ } _%>      
diff --git a/refine-vite/plugins/headless-example/src/pages/blog-posts/show.tsx b/refine-vite/plugins/headless-example/src/pages/blog-posts/show.tsx
index 2492264fe..bde8de127 100644
--- a/refine-vite/plugins/headless-example/src/pages/blog-posts/show.tsx
+++ b/refine-vite/plugins/headless-example/src/pages/blog-posts/show.tsx
@@ -41,7 +41,7 @@ export const BlogPostShow = () => {
 
     const record = data?.data;
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useOne({
         resource: "categories",
         id: record?.<%- blogPostCategoryFieldName %>?.id || "",
@@ -83,7 +83,7 @@ export const BlogPostShow = () => {
                 </div>
                 <div style={{ marginTop: "6px" }}>
                     <h5>{"Category"}</h5>
-<%_ if (isGraphQL) { _%>  
+<%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>  
                     <div>{record?.<%- blogPostCategoryFieldName %>?.title}</div>
 <%_ } else { _%>
                     <div>
@@ -106,6 +106,10 @@ export const BlogPostShow = () => {
                     {new Date(record?.created_at).toLocaleString(undefined, {
                             timeZone: "UTC",
                     })}
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                    {new Date(record?.$createdAt).toLocaleString(undefined, {
+                        timeZone: "UTC",
+                    })}
 <%_ } else { _%>
                     {new Date(record?.createdAt).toLocaleString(undefined, {
                         timeZone: "UTC",
diff --git a/refine-vite/plugins/mui-example/src/pages/blog-posts/create.tsx b/refine-vite/plugins/mui-example/src/pages/blog-posts/create.tsx
index f75ca27d0..298be968b 100644
--- a/refine-vite/plugins/mui-example/src/pages/blog-posts/create.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/blog-posts/create.tsx
@@ -114,10 +114,17 @@ export const BlogPostCreate = () => {
                                     label={"Category"}
                                     margin="normal"
                                     variant="outlined"
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                                    error={!!(errors as any)?.<%- blogPostCategoryFieldName %>}
+                                    helperText={
+                                        (errors as any)?.<%- blogPostCategoryFieldName %>?.message
+                                    }
+<%_ } else { _%>
                                     error={!!(errors as any)?.<%- blogPostCategoryFieldName %>?.id}
                                     helperText={
                                         (errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message
                                     }
+<%_ } _%>
                                     required
                                 />
                             )}
diff --git a/refine-vite/plugins/mui-example/src/pages/blog-posts/edit.tsx b/refine-vite/plugins/mui-example/src/pages/blog-posts/edit.tsx
index 68d35152c..60f23f6f4 100644
--- a/refine-vite/plugins/mui-example/src/pages/blog-posts/edit.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/blog-posts/edit.tsx
@@ -46,6 +46,20 @@ export const BlogPostEdit = () => {
                 select: '*, categories(id,title)',
             },
         },
+<%_ } _%>
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+    refineCoreProps: {
+        queryOptions: {
+            select: ({ data }) => {
+            return {
+                data: {
+                ...data,
+                category: data.category.$id,
+                },
+            };
+            },
+        },
+    },
 <%_ } _%>
     });
 
@@ -53,7 +67,11 @@ export const BlogPostEdit = () => {
 
     const { autocompleteProps: categoryAutocompleteProps } = useAutocomplete({
         resource: "categories",
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+        defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>,
+<%_ } else { _%>
         defaultValue: blogPostsData?.<%- blogPostCategoryFieldName %>?.id,
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
         meta: {
             fields: BLOG_POSTS_CATEGORIES_SELECT_QUERY,
@@ -134,10 +152,17 @@ export const BlogPostEdit = () => {
                                     label={"Category"}
                                     margin="normal"
                                     variant="outlined"
+<%_ if (answers["data-provider"] === "data-provider-appwrite") { _%>
+                                    error={!!(errors as any)?.<%- blogPostCategoryFieldName %>}
+                                    helperText={
+                                        (errors as any)?.<%- blogPostCategoryFieldName %>?.message
+                                    }
+<%_ } else { _%>
                                     error={!!(errors as any)?.<%- blogPostCategoryFieldName %>?.id}
                                     helperText={
                                         (errors as any)?.<%- blogPostCategoryFieldName %>?.id?.message
                                     }
+<%_ } _%>
                                     required
                                 />
                             )}
diff --git a/refine-vite/plugins/mui-example/src/pages/blog-posts/list.tsx b/refine-vite/plugins/mui-example/src/pages/blog-posts/list.tsx
index 226a5e2d2..eabc3a657 100644
--- a/refine-vite/plugins/mui-example/src/pages/blog-posts/list.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/blog-posts/list.tsx
@@ -43,7 +43,7 @@ export const BlogPostList = () => {
 <%_ } _%>
     });
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
     const { data: categoryData, isLoading: categoryIsLoading } = useMany({
         resource: "categories",
         ids: dataGridProps?.rows?.map((item: any) => item?.<%- blogPostCategoryFieldName %>?.id).filter(Boolean) ?? [],
@@ -70,7 +70,7 @@ export const BlogPostList = () => {
             {
                 field: "content",
                 flex: 1,
-                headerName: "content",
+                headerName: "Content",
                 minWidth: 250,
                 renderCell: function render({ value }) {
                     if (!value) return '-'
@@ -84,7 +84,7 @@ export const BlogPostList = () => {
                 flex: 1,
                 headerName: "Category",
                 minWidth: 300,
-                <%_ if (isGraphQL) { _%>
+                <%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>
                 valueGetter: ({ row }) => {
                       const value = row?.<%- blogPostCategoryFieldName %>?.title
                        return value
@@ -111,7 +111,9 @@ export const BlogPostList = () => {
             },
             {
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
-                    field: "created_at",       
+                    field: "created_at",   
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                    field: "$createdAt",   
 <%_ } else { _%>
                     field: "createdAt",
 <%_ } _%>        
@@ -140,7 +142,7 @@ export const BlogPostList = () => {
                 minWidth: 80,
             },
         ],
-        <%_ if (isGraphQL) { _%>
+        <%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>
             [],
         <%_ } else { _%>
             [categoryData],
diff --git a/refine-vite/plugins/mui-example/src/pages/blog-posts/show.tsx b/refine-vite/plugins/mui-example/src/pages/blog-posts/show.tsx
index 0df95b619..db03637d3 100644
--- a/refine-vite/plugins/mui-example/src/pages/blog-posts/show.tsx
+++ b/refine-vite/plugins/mui-example/src/pages/blog-posts/show.tsx
@@ -42,7 +42,7 @@ export const BlogPostShow = () => {
 
     const record = data?.data;
 
-<%_ if (!isGraphQL) { _%>
+<%_ if (!isGraphQL && answers["data-provider"] !== "data-provider-appwrite") { _%>
         const { data: categoryData, isLoading: categoryIsLoading } = useOne({
             resource: "categories",
             id: record?.<%- blogPostCategoryFieldName %>?.id || "",
@@ -75,7 +75,7 @@ export const BlogPostShow = () => {
                 <Typography variant="body1" fontWeight="bold">
                     {"Category"}
                 </Typography>
-<%_ if (isGraphQL) { _%>  
+<%_ if (isGraphQL || answers["data-provider"] === "data-provider-appwrite") { _%>  
                     <div>{record?.<%- blogPostCategoryFieldName %>?.title}</div>
 <%_ } else { _%>
                     {categoryIsLoading ? (
@@ -93,6 +93,8 @@ export const BlogPostShow = () => {
                 </Typography>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>  
                 <DateField value={record?.created_at} />
+<%_ } else if (answers["data-provider"] === "data-provider-appwrite") { _%>  
+                <DateField value={record?.$createdAt} />
 <%_ } else { _%>
                 <DateField value={record?.createdAt} />
 <%_ } _%>