diff --git a/.vscode/settings.json b/.vscode/settings.json
index a366193c02..166b0206c0 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,5 +3,12 @@
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
   "editor.formatOnSaveMode": "file",
-  "cSpell.words": ["blocksuite", "datacenter", "livedemo", "pnpm", "testid"]
+  "cSpell.words": [
+    "blocksuite",
+    "datacenter",
+    "livedemo",
+    "pnpm",
+    "selfhosted",
+    "testid"
+  ]
 }
diff --git a/packages/app/next.config.js b/packages/app/next.config.js
index 6d7225864c..10da796485 100644
--- a/packages/app/next.config.js
+++ b/packages/app/next.config.js
@@ -46,6 +46,10 @@ const nextConfig = {
           source: '/api/:path*',
           destination: destinationAC,
         },
+        {
+          source: '/collaboration/:path*',
+          destination: 'http://localhost:3000/collaboration/:path*',
+        },
       ];
     } else {
       let destinationStandard = 'http://100.77.180.48:11001/api/:path*';
@@ -58,6 +62,10 @@ const nextConfig = {
           source: '/api/:path*',
           destination: destinationStandard,
         },
+        {
+          source: '/collaboration/:path*',
+          destination: 'http://localhost:3000/collaboration/:path*',
+        },
       ];
     }
   },
diff --git a/packages/app/src/providers/app-state-provider/dynamic-blocksuite.tsx b/packages/app/src/providers/app-state-provider/dynamic-blocksuite.tsx
index 3a8fb7671c..1875a35557 100644
--- a/packages/app/src/providers/app-state-provider/dynamic-blocksuite.tsx
+++ b/packages/app/src/providers/app-state-provider/dynamic-blocksuite.tsx
@@ -18,7 +18,7 @@ const DynamicBlocksuite = ({
     const openWorkspace: LoadWorkspaceHandler = async (workspaceId: string) => {
       if (workspaceId) {
         const dc = await getDataCenter();
-        return dc.load(workspaceId, { providerId: 'affine' });
+        return dc.load(workspaceId, { providerId: 'selfhosted' });
       } else {
         return null;
       }