diff --git a/apps/web/src/hooks/__tests__/index.spec.tsx b/apps/web/src/hooks/__tests__/index.spec.tsx
index e2cc840ce..a8da0f833 100644
--- a/apps/web/src/hooks/__tests__/index.spec.tsx
+++ b/apps/web/src/hooks/__tests__/index.spec.tsx
@@ -8,6 +8,7 @@ import assert from 'node:assert';
 import { jotaiWorkspacesAtom } from '@affine/workspace/atom';
 import type { LocalWorkspace } from '@affine/workspace/type';
 import { WorkspaceFlavour } from '@affine/workspace/type';
+import type { PageBlockModel } from '@blocksuite/blocks';
 import { __unstableSchemas, AffineSchemas } from '@blocksuite/blocks/models';
 import type { Page } from '@blocksuite/store';
 import { assertExists } from '@blocksuite/store';
@@ -141,6 +142,26 @@ describe('usePageMetas', async () => {
     rerender();
     expect(result.current[0].mode).toBe('page');
   });
+
+  test('update title', () => {
+    const { result, rerender } = renderHook(() =>
+      usePageMeta(blockSuiteWorkspace)
+    );
+    expect(result.current.length).toBe(3);
+    expect(result.current[0].mode).not.exist;
+    const pageMetaHelperHook = renderHook(() =>
+      usePageMetaHelper(blockSuiteWorkspace)
+    );
+    expect(result.current[0].title).toBe('');
+    pageMetaHelperHook.result.current.setPageTitle('page0', 'test');
+    rerender();
+    const page = blockSuiteWorkspace.getPage('page0');
+    const pageBlocks = page.getBlockByFlavour('affine:page');
+    expect(pageBlocks.length).toBe(1);
+    const pageBlock = pageBlocks[0] as PageBlockModel;
+    expect(pageBlock.title.toString()).toBe('test');
+    expect(result.current[0].title).toBe('test');
+  });
 });
 
 describe('useWorkspacesHelper', () => {
diff --git a/apps/web/src/hooks/use-page-meta.ts b/apps/web/src/hooks/use-page-meta.ts
index 2172f49fb..06387435d 100644
--- a/apps/web/src/hooks/use-page-meta.ts
+++ b/apps/web/src/hooks/use-page-meta.ts
@@ -1,4 +1,6 @@
+import type { PageBlockModel } from '@blocksuite/blocks';
 import type { PageMeta } from '@blocksuite/store';
+import { assertExists } from '@blocksuite/store';
 import { useEffect, useMemo, useState } from 'react';
 
 import type { BlockSuiteWorkspace } from '../shared';
@@ -45,6 +47,19 @@ export function usePageMeta(
 export function usePageMetaHelper(blockSuiteWorkspace: BlockSuiteWorkspace) {
   return useMemo(
     () => ({
+      setPageTitle: (pageId: string, newTitle: string) => {
+        const page = blockSuiteWorkspace.getPage(pageId);
+        assertExists(page);
+        const pageBlock = page
+          .getBlockByFlavour('affine:page')
+          .at(0) as PageBlockModel;
+        assertExists(pageBlock);
+        page.transact(() => {
+          pageBlock.title.delete(0, pageBlock.title.length);
+          pageBlock.title.insert(newTitle, 0);
+        });
+        blockSuiteWorkspace.meta.setPageMeta(pageId, { title: newTitle });
+      },
       setPageMeta: (pageId: string, pageMeta: Partial<PageMeta>) => {
         blockSuiteWorkspace.meta.setPageMeta(pageId, pageMeta);
       },