diff --git a/src/client/components/feed/FeedIntegration.tsx b/src/client/components/feed/FeedIntegration.tsx
index 00524f3..987ce48 100644
--- a/src/client/components/feed/FeedIntegration.tsx
+++ b/src/client/components/feed/FeedIntegration.tsx
@@ -4,6 +4,7 @@ import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
 import { CodeBlock } from '../CodeBlock';
 import { useTranslation } from '@i18next-toolkit/react';
 import { SiSentry } from 'react-icons/si';
+import { Link } from '@tanstack/react-router';
 
 export const FeedIntegration: React.FC<{
   feedId: string;
@@ -42,6 +43,17 @@ export const FeedIntegration: React.FC<{
             <CodeBlock
               code={`${window.location.origin}/open/feed/${props.feedId}/sentry`}
             />
+
+            <div className="mt-2">
+              {t('Check here to learn more')}:{' '}
+              <a
+                className="text-blue-500 underline"
+                href="https://tianji.msgbyte.com/docs/feed/sentry"
+                target="_blank"
+              >
+                {t('Document')}
+              </a>
+            </div>
           </div>
         }
       />
diff --git a/website/docs/feed/_category_.json b/website/docs/feed/_category_.json
new file mode 100644
index 0000000..d394d95
--- /dev/null
+++ b/website/docs/feed/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Feed",
+  "position": 17
+}
diff --git a/website/docs/feed/assets/sentry1.png b/website/docs/feed/assets/sentry1.png
new file mode 100644
index 0000000..9661201
Binary files /dev/null and b/website/docs/feed/assets/sentry1.png differ
diff --git a/website/docs/feed/assets/sentry2.png b/website/docs/feed/assets/sentry2.png
new file mode 100644
index 0000000..3ac7883
Binary files /dev/null and b/website/docs/feed/assets/sentry2.png differ
diff --git a/website/docs/feed/assets/sentry3.png b/website/docs/feed/assets/sentry3.png
new file mode 100644
index 0000000..e2927d7
Binary files /dev/null and b/website/docs/feed/assets/sentry3.png differ
diff --git a/website/docs/feed/assets/sentry4.png b/website/docs/feed/assets/sentry4.png
new file mode 100644
index 0000000..859db56
Binary files /dev/null and b/website/docs/feed/assets/sentry4.png differ
diff --git a/website/docs/feed/assets/sentry5.png b/website/docs/feed/assets/sentry5.png
new file mode 100644
index 0000000..12a0eeb
Binary files /dev/null and b/website/docs/feed/assets/sentry5.png differ
diff --git a/website/docs/feed/assets/sentry6.png b/website/docs/feed/assets/sentry6.png
new file mode 100644
index 0000000..e2201bf
Binary files /dev/null and b/website/docs/feed/assets/sentry6.png differ
diff --git a/website/docs/feed/sentry.md b/website/docs/feed/sentry.md
new file mode 100644
index 0000000..9a57b1f
--- /dev/null
+++ b/website/docs/feed/sentry.md
@@ -0,0 +1,33 @@
+---
+sidebar_position: 1
+---
+
+# Integration with Sentry
+
+:::info
+Learn more about sentry in [sentry.io](https://sentry.io/)
+:::
+
+Click `Settings` => `Integrations` => `Create New Integration`
+
+![](./assets/sentry1.png)
+
+Create a `Internal Integration` application
+
+![](./assets/sentry2.png)
+
+Input name `Tianji` and put in webhook url into form.
+
+![](./assets/sentry3.png)
+
+Don't forget enable `Alert Rule Action`
+
+![](./assets/sentry4.png)
+
+Then, add issue read `permission`, and webhook add `issue` and `error`
+
+![](./assets/sentry5.png)
+
+Finally, you can create a alert rule, and you can see `Tianji` in notification section dropdown list
+
+![](./assets/sentry6.png)