diff --git a/refine-vite/plugins/auth-provider-custom/extend.js b/refine-vite/plugins/auth-provider-custom/extend.js
index 68eef8cb3..fe1b8b4df 100644
--- a/refine-vite/plugins/auth-provider-custom/extend.js
+++ b/refine-vite/plugins/auth-provider-custom/extend.js
@@ -1,6 +1,6 @@
 const base = {
     _app: {
-        relativeImport: ['import { authProvider } from "./authProvider";'],
+        relativeImport: ['import { authProvider } from "./providers/auth";'],
         refineProps: ["authProvider={authProvider}"],
         refineImports: [`Authenticated`],
         refineAntdImports: [],
@@ -11,6 +11,9 @@ const base = {
             `import { ForgotPassword } from "./pages/forgotPassword";`,
         ],
     },
+    _constants: {
+        export: ['export const TOKEN_KEY = "refine-auth";'],
+    },
 };
 
 module.exports = {
diff --git a/refine-vite/plugins/auth-provider-custom/src/authProvider.ts b/refine-vite/plugins/auth-provider-custom/src/providers/auth.ts
similarity index 97%
rename from refine-vite/plugins/auth-provider-custom/src/authProvider.ts
rename to refine-vite/plugins/auth-provider-custom/src/providers/auth.ts
index 08359f9f0..101dc42a7 100644
--- a/refine-vite/plugins/auth-provider-custom/src/authProvider.ts
+++ b/refine-vite/plugins/auth-provider-custom/src/providers/auth.ts
@@ -1,6 +1,5 @@
 import type { AuthProvider } from "@refinedev/core";
-
-export const TOKEN_KEY = "refine-auth";
+import { TOKEN_KEY } from "./constants";
 
 export const authProvider: AuthProvider = {
     login: async ({ username, email, password }) => {
diff --git a/refine-vite/plugins/data-provider-custom-json-rest/extend.js b/refine-vite/plugins/data-provider-custom-json-rest/extend.js
index cc8722772..d8f3769b8 100644
--- a/refine-vite/plugins/data-provider-custom-json-rest/extend.js
+++ b/refine-vite/plugins/data-provider-custom-json-rest/extend.js
@@ -1,8 +1,14 @@
 const base = {
     _app: {
-        import: [`import dataProvider from "@refinedev/simple-rest";`],
-        refineProps: [
-            `dataProvider={dataProvider("https://api.fake-rest.refine.dev")}`,
+        localImport: [`import { dataProvider } from "./providers/data";`],
+        refineProps: [`dataProvider={dataProvider}`],
+    },
+    _env: {
+        variables: ["VITE_API_URL=https://api.fake-rest.refine.dev"],
+    },
+    _constants: {
+        export: [
+            'export const API_URL = import.meta.env.VITE_API_URL || "https://api.fake-rest.refine.dev";',
         ],
     },
 };
diff --git a/refine-vite/plugins/data-provider-custom-json-rest/package.json b/refine-vite/plugins/data-provider-custom-json-rest/package.json
index 23e290fd5..2fac17293 100644
--- a/refine-vite/plugins/data-provider-custom-json-rest/package.json
+++ b/refine-vite/plugins/data-provider-custom-json-rest/package.json
@@ -1,5 +1,5 @@
 {
   "dependencies": {
-    "@refinedev/simple-rest": "^6.0.0"
+    "@refinedev/rest": "^2.0.0"
   }
 }
diff --git a/refine-vite/plugins/data-provider-custom-json-rest/src/providers/data.ts b/refine-vite/plugins/data-provider-custom-json-rest/src/providers/data.ts
new file mode 100644
index 000000000..dc21da733
--- /dev/null
+++ b/refine-vite/plugins/data-provider-custom-json-rest/src/providers/data.ts
@@ -0,0 +1,4 @@
+import { createDataProvider } from "@refinedev/rest";
+import { API_URL } from "./constants";
+
+export const { dataProvider, kyInstance } = createDataProvider(API_URL, {}, {});
diff --git a/refine-vite/plugins/data-provider-supabase/extend.js b/refine-vite/plugins/data-provider-supabase/extend.js
index 6f6582043..9842b737f 100644
--- a/refine-vite/plugins/data-provider-supabase/extend.js
+++ b/refine-vite/plugins/data-provider-supabase/extend.js
@@ -1,12 +1,13 @@
 const base = {
     _app: {
-        import: [
-            `import { dataProvider, liveProvider } from "@refinedev/supabase";`,
+        import: [`import { liveProvider } from "@refinedev/supabase";`],
+        localImport: [
+            `import { supabaseClient } from "./providers/supabase-client";`,
+            `import { dataProvider } from "./providers/data";`,
         ],
-        localImport: [`import { supabaseClient } from "./utility";`],
-        relativeImport: [`import authProvider from "./authProvider";`],
+        relativeImport: [`import authProvider from "./providers/auth";`],
         refineProps: [
-            "dataProvider={dataProvider(supabaseClient)}",
+            "dataProvider={dataProvider}",
             "liveProvider={liveProvider(supabaseClient)}",
             "authProvider={authProvider}",
             "routerProvider={routerProvider}",
@@ -16,6 +17,18 @@ const base = {
         refineMuiImports: [],
         wrapper: [],
     },
+    _env: {
+        variables: [
+            "VITE_API_URL=https://iwdfzvfqbtokqetmbmbp.supabase.co",
+            "VITE_SUPABASE_API_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYzMDU2NzAxMCwiZXhwIjoxOTQ2MTQzMDEwfQ._gr6kXGkQBi9BM9dx5vKaNKYj_DJN1xlkarprGpM_fU",
+        ],
+    },
+    _constants: {
+        export: [
+            'export const SUPABASE_URL = import.meta.env.VITE_API_URL || "https://iwdfzvfqbtokqetmbmbp.supabase.co";',
+            'export const SUPABASE_KEY = import.meta.env.VITE_SUPABASE_API_KEY || "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYzMDU2NzAxMCwiZXhwIjoxOTQ2MTQzMDEwfQ._gr6kXGkQBi9BM9dx5vKaNKYj_DJN1xlkarprGpM_fU";',
+        ],
+    },
 };
 module.exports = {
     extend() {
diff --git a/refine-vite/plugins/data-provider-supabase/src/authProvider.ts b/refine-vite/plugins/data-provider-supabase/src/providers/auth.ts
similarity index 99%
rename from refine-vite/plugins/data-provider-supabase/src/authProvider.ts
rename to refine-vite/plugins/data-provider-supabase/src/providers/auth.ts
index de62bf5da..dd5a0a700 100644
--- a/refine-vite/plugins/data-provider-supabase/src/authProvider.ts
+++ b/refine-vite/plugins/data-provider-supabase/src/providers/auth.ts
@@ -1,5 +1,5 @@
 import { AuthProvider } from "@refinedev/core";
-import { supabaseClient } from "./utility";
+import { supabaseClient } from "./supabase-client";
 
 const authProvider: AuthProvider = {
     login: async ({ email, password, providerName }) => {
diff --git a/refine-vite/plugins/data-provider-supabase/src/providers/data.ts b/refine-vite/plugins/data-provider-supabase/src/providers/data.ts
new file mode 100644
index 000000000..7de466fdb
--- /dev/null
+++ b/refine-vite/plugins/data-provider-supabase/src/providers/data.ts
@@ -0,0 +1,4 @@
+import { dataProvider as supabaseDataProvider } from "@refinedev/supabase";
+import { supabaseClient } from "./supabase-client";
+
+export const dataProvider = supabaseDataProvider(supabaseClient);
diff --git a/refine-vite/plugins/data-provider-supabase/src/providers/supabase-client.ts b/refine-vite/plugins/data-provider-supabase/src/providers/supabase-client.ts
new file mode 100644
index 000000000..9641c90de
--- /dev/null
+++ b/refine-vite/plugins/data-provider-supabase/src/providers/supabase-client.ts
@@ -0,0 +1,16 @@
+import { createClient } from "@refinedev/supabase";
+import type { SupabaseClient } from "@supabase/supabase-js";
+import { SUPABASE_KEY, SUPABASE_URL } from "./constants";
+
+export const supabaseClient: SupabaseClient = createClient(
+    SUPABASE_URL,
+    SUPABASE_KEY,
+    {
+        db: {
+            schema: "public",
+        },
+        auth: {
+            persistSession: true,
+        },
+    },
+);
diff --git a/refine-vite/plugins/data-provider-supabase/src/utility/index.ts b/refine-vite/plugins/data-provider-supabase/src/utility/index.ts
deleted file mode 100644
index 1a2159651..000000000
--- a/refine-vite/plugins/data-provider-supabase/src/utility/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./supabaseClient";
diff --git a/refine-vite/plugins/data-provider-supabase/src/utility/supabaseClient.ts b/refine-vite/plugins/data-provider-supabase/src/utility/supabaseClient.ts
deleted file mode 100644
index 4368fd9f1..000000000
--- a/refine-vite/plugins/data-provider-supabase/src/utility/supabaseClient.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { createClient } from "@refinedev/supabase";
-
-const SUPABASE_URL = "https://iwdfzvfqbtokqetmbmbp.supabase.co";
-const SUPABASE_KEY =
-    "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYzMDU2NzAxMCwiZXhwIjoxOTQ2MTQzMDEwfQ._gr6kXGkQBi9BM9dx5vKaNKYj_DJN1xlkarprGpM_fU";
-
-export const supabaseClient = createClient(SUPABASE_URL, SUPABASE_KEY, {
-    db: {
-        schema: "public",
-    },
-    auth: {
-        persistSession: true,
-    },
-});
\ No newline at end of file
diff --git a/refine-vite/template/.env b/refine-vite/template/.env
new file mode 100644
index 000000000..75dff1b48
--- /dev/null
+++ b/refine-vite/template/.env
@@ -0,0 +1,3 @@
+<%_ if (typeof _env !== 'undefined' && _env && _env.variables) { _%>
+<%- _env.variables.join("\n") %>
+<%_ } _%>
diff --git a/refine-vite/template/gitignore b/refine-vite/template/gitignore
index ebcc73b11..c1f3be3d5 100644
--- a/refine-vite/template/gitignore
+++ b/refine-vite/template/gitignore
@@ -11,7 +11,11 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
-\*.local
+*.local
+
+# Environment variables
+.env
+.env.local
 
 # Editor directories and files
 
diff --git a/refine-vite/template/src/providers/constants.ts b/refine-vite/template/src/providers/constants.ts
new file mode 100644
index 000000000..b911c647a
--- /dev/null
+++ b/refine-vite/template/src/providers/constants.ts
@@ -0,0 +1,4 @@
+<%_ if (typeof _constants !== 'undefined' && _constants && _constants.export) { _%>
+<%- _constants.export.join("\n") %>
+<%_ } _%>
+