diff --git a/packages/frontend/apps/ios/README.md b/packages/frontend/apps/ios/README.md
index 2f4450696..b8fcf843a 100644
--- a/packages/frontend/apps/ios/README.md
+++ b/packages/frontend/apps/ios/README.md
@@ -4,7 +4,17 @@ AFFiNE iOS app.
 
 ## Build
 
-- yarn install
-- BUILD_TYPE=canary PUBLIC_PATH="/" yarn workspace @affine/ios build
-- yarn workspace @affine/ios cap sync
-- yarn workspace @affine/ios cap open ios
+- `yarn install`
+- `BUILD_TYPE=canary PUBLIC_PATH="/" yarn workspace @affine/ios build`
+- `yarn workspace @affine/ios cap sync`
+- `yarn workspace @affine/ios cap open ios`
+
+## Live Reload
+
+> Capacitor doc: https://capacitorjs.com/docs/guides/live-reload#using-with-framework-clis
+
+- `yarn install`
+- `yarn dev`
+  - select `ios` for the "Distribution" option
+- `yarn workspace @affine/ios sync:dev`
+- `yarn workspace @affine/ios cap open ios`
diff --git a/packages/frontend/apps/ios/capacitor.config.ts b/packages/frontend/apps/ios/capacitor.config.ts
index 8712cc2f9..757a6d31b 100644
--- a/packages/frontend/apps/ios/capacitor.config.ts
+++ b/packages/frontend/apps/ios/capacitor.config.ts
@@ -24,4 +24,12 @@ const config: CapacitorConfig = {
   },
 };
 
+if (process.env.CAP_SERVER_URL) {
+  Object.assign(config, {
+    server: {
+      url: process.env.CAP_SERVER_URL,
+    },
+  });
+}
+
 export default config;
diff --git a/packages/frontend/apps/ios/package.json b/packages/frontend/apps/ios/package.json
index 55b8b9249..5da245eea 100644
--- a/packages/frontend/apps/ios/package.json
+++ b/packages/frontend/apps/ios/package.json
@@ -7,6 +7,8 @@
   "scripts": {
     "build": "cross-env DISTRIBUTION=ios yarn workspace @affine/cli bundle",
     "dev": "yarn workspace @affine/cli dev",
+    "sync": "yarn cap sync",
+    "sync:dev": "CAP_SERVER_URL=http://localhost:8080 yarn cap sync",
     "static-server": "cross-env DISTRIBUTION=ios yarn workspace @affine/cli dev --static"
   },
   "dependencies": {