diff --git a/packages/app/.umirc.ts b/packages/app/.umirc.ts
index 7a250f133..662cd092a 100644
--- a/packages/app/.umirc.ts
+++ b/packages/app/.umirc.ts
@@ -1,6 +1,7 @@
 import { defineConfig } from 'umi';
 
 export default defineConfig({
+  title: false,
   nodeModulesTransform: {
     type: 'none',
   },
diff --git a/packages/app/src/components/pages/CollectionLoader/CollectionIndex.tsx b/packages/app/src/components/pages/CollectionLoader/CollectionIndex.tsx
index d66dc8dcd..98ce4c140 100644
--- a/packages/app/src/components/pages/CollectionLoader/CollectionIndex.tsx
+++ b/packages/app/src/components/pages/CollectionLoader/CollectionIndex.tsx
@@ -3,6 +3,7 @@ import ViewFactory from '@/components/views';
 import { PageHeader, Tabs, Button, Statistic, Descriptions } from 'antd';
 import { useRequest, request, Spin } from '@nocobase/client';
 import { getPathName } from './utils';
+import { Helmet } from 'umi';
 
 export function CollectionIndex(props) {
   const { lastPage } = props;
@@ -11,6 +12,9 @@ export function CollectionIndex(props) {
 
   return (
     <div>
+      <Helmet>
+        <title>{title}</title>
+      </Helmet>
       <PageHeader
         ghost={false}
         title={title}
diff --git a/packages/app/src/components/pages/CollectionLoader/CollectionSingle.tsx b/packages/app/src/components/pages/CollectionLoader/CollectionSingle.tsx
index 3ff67db6f..8ff164498 100644
--- a/packages/app/src/components/pages/CollectionLoader/CollectionSingle.tsx
+++ b/packages/app/src/components/pages/CollectionLoader/CollectionSingle.tsx
@@ -5,6 +5,7 @@ import { getPathName, redirectTo } from './utils';
 import api from '@/api-client';
 import { useRequest } from 'umi';
 import { Spin } from '@nocobase/client';
+import { Helmet } from 'umi';
 
 export function CollectionSingle(props) {
   console.log(props);
@@ -26,6 +27,9 @@ export function CollectionSingle(props) {
   }
   return (
     <div>
+      <Helmet>
+        <title>{data.pageTitle}</title>
+      </Helmet>
       <PageHeader
         ghost={false}
         onBack={() => {
diff --git a/packages/app/src/components/pages/Page.tsx b/packages/app/src/components/pages/Page.tsx
index 392510dc9..5be85a46c 100644
--- a/packages/app/src/components/pages/Page.tsx
+++ b/packages/app/src/components/pages/Page.tsx
@@ -1,12 +1,17 @@
 import React from 'react';
 import { PageHeader } from 'antd';
 import './style.less';
+import { Helmet } from 'umi';
 
 export function Page(props: any) {
-  const { children, ...restProps } = props;
+  const { title, children, ...restProps } = props;
   return (
     <div>
+      <Helmet>
+        <title>{title}</title>
+      </Helmet>
       <PageHeader
+        title={title}
         ghost={false}
         {...restProps}
       />
diff --git a/packages/app/src/pages/login.tsx b/packages/app/src/pages/login.tsx
index 6f7d0eee7..581685072 100644
--- a/packages/app/src/pages/login.tsx
+++ b/packages/app/src/pages/login.tsx
@@ -2,10 +2,14 @@ import React from 'react';
 import { Link } from 'umi';
 import { Page } from '@/components/pages';
 import ViewFactory from '@/components/views';
+import { Helmet } from 'umi';
 
 export default (props: any) => {
   return (
     <div>
+      <Helmet>
+        <title>{'登录 NocoBase'}</title>
+      </Helmet>
       <ViewFactory 
         {...props}
         viewName={'login'}
diff --git a/packages/app/src/pages/register.tsx b/packages/app/src/pages/register.tsx
index 3cbb41744..e79f9a8f6 100644
--- a/packages/app/src/pages/register.tsx
+++ b/packages/app/src/pages/register.tsx
@@ -2,10 +2,14 @@ import React from 'react';
 import { Link } from 'umi';
 import { Page } from '@/components/pages';
 import ViewFactory from '@/components/views';
+import { Helmet } from 'umi';
 
 export default (props: any) => {
   return (
     <div>
+      <Helmet>
+        <title>{'注册 NocoBase'}</title>
+      </Helmet>
       <ViewFactory 
         {...props}
         viewName={'register'}