diff --git a/docs/client/commentTest.mdx b/docs/client/commentTest.mdx
new file mode 100644
index 000000000..71e832e37
--- /dev/null
+++ b/docs/client/commentTest.mdx
@@ -0,0 +1,25 @@
+---
+sidebar_label: Comment Test
+title: Comment Test
+---
+
+import GiscusComments from "@site/src/components/GiscusComments";
+
+
+Rust stands out among programming languages for its unique combination of performance and safety. Unlike languages such as C++ that prioritize performance at the cost of memory safety, Rust delivers this without compromise.
+
+Key advantages of Rust include:
+- Zero-cost abstractions that provide high-level programming constructs without runtime overhead
+- Memory safety guaranteed at compile time through its ownership system
+- Thread safety enforced by the compiler, eliminating data races
+
+These features make Rust an excellent choice for systems programming, embedded systems, WebAssembly development, and any performance-critical applications where reliability is crucial.
+
+
+
+```rust
+fn main() {
+    println!("Hello, world!");
+}
+```
+<GiscusComments />
\ No newline at end of file
diff --git a/docs/client/javascript-sdk.mdx b/docs/client/javascript-sdk.mdx
index ae9ec3181..0fe5f4322 100644
--- a/docs/client/javascript-sdk.mdx
+++ b/docs/client/javascript-sdk.mdx
@@ -9,7 +9,7 @@ import {
 } from "../sdks/_SDKDocsBuilder.mdx";
 
 import { FeaturePillList } from '@site/src/components/FeaturePillList';
-
+import GiscusComments from "@site/src/components/GiscusComments";
 import {
   Repository,
   FAQ,
@@ -136,3 +136,5 @@ export const toc = Builder.toc;
   }
 />
 <>{Builder.result}</>
+
+<GiscusComments />
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 3dceb7278..5b02775d6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,6 +16,7 @@
         "@easyops-cn/docusaurus-search-local": "^0.44.5",
         "@emotion/react": "^11.13.0",
         "@emotion/styled": "^11.13.0",
+        "@giscus/react": "^3.0.0",
         "@mdx-js/react": "^3.0.0",
         "@mui/material": "^5.16.7",
         "@radix-ui/react-slot": "^1.1.0",
@@ -3497,6 +3498,18 @@
       "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
       "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg=="
     },
+    "node_modules/@giscus/react": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@giscus/react/-/react-3.0.0.tgz",
+      "integrity": "sha512-hgCjLpg3Wgh8VbTF5p8ZLcIHI74wvDk1VIFv12+eKhenNVUDjgwNg2B1aq/3puyHOad47u/ZSyqiMtohjy/OOA==",
+      "dependencies": {
+        "giscus": "^1.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16 || ^17 || ^18",
+        "react-dom": "^16 || ^17 || ^18"
+      }
+    },
     "node_modules/@hapi/hoek": {
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
@@ -3594,6 +3607,21 @@
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
       "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw=="
     },
+    "node_modules/@lit-labs/ssr-dom-shim": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.2.1.tgz",
+      "integrity": "sha512-wx4aBmgeGvFmOKucFKY+8VFJSYZxs9poN3SDNQFF6lT6NrQUnHiPB2PWz2sc4ieEcAaYYzN+1uWahEeTq2aRIQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@lit/reactive-element": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.0.4.tgz",
+      "integrity": "sha512-GFn91inaUa2oHLak8awSIigYz0cU0Payr1rcFsrkf5OJ5eSPxElyZfKh0f2p9FsTiZWXQdWGJeXZICEfXXYSXQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.2.0"
+      }
+    },
     "node_modules/@mdx-js/mdx": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-3.0.1.tgz",
@@ -4857,6 +4885,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT"
+    },
     "node_modules/@types/unist": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
@@ -8374,6 +8408,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/giscus": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/giscus/-/giscus-1.5.0.tgz",
+      "integrity": "sha512-t3LL0qbSO3JXq3uyQeKpF5CegstGfKX/0gI6eDe1cmnI7D56R7j52yLdzw4pdKrg3VnufwCgCM3FDz7G1Qr6lg==",
+      "license": "MIT",
+      "dependencies": {
+        "lit": "^3.1.2"
+      }
+    },
     "node_modules/github-slugger": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.5.0.tgz",
@@ -9940,6 +9983,37 @@
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
+    "node_modules/lit": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/lit/-/lit-3.2.1.tgz",
+      "integrity": "sha512-1BBa1E/z0O9ye5fZprPtdqnc0BFzxIxTTOO/tQFmyC/hj1O3jL4TfmLBw0WEwjAokdLwpclkvGgDJwTIh0/22w==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit/reactive-element": "^2.0.4",
+        "lit-element": "^4.1.0",
+        "lit-html": "^3.2.0"
+      }
+    },
+    "node_modules/lit-element": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.1.1.tgz",
+      "integrity": "sha512-HO9Tkkh34QkTeUmEdNYhMT8hzLid7YlMlATSi1q4q17HE5d9mrrEHJ/o8O2D0cMi182zK1F3v7x0PWFjrhXFew==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.2.0",
+        "@lit/reactive-element": "^2.0.4",
+        "lit-html": "^3.2.0"
+      }
+    },
+    "node_modules/lit-html": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.2.1.tgz",
+      "integrity": "sha512-qI/3lziaPMSKsrwlxH/xMgikhQ0EGOX2ICU73Bi/YHFvz2j/yMCIrw4+puF2IpQ4+upd3EWbvnHM9+PnJn48YA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@types/trusted-types": "^2.0.2"
+      }
+    },
     "node_modules/loader-runner": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
diff --git a/package.json b/package.json
index fb1ac257a..8b81e0eb9 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "@easyops-cn/docusaurus-search-local": "^0.44.5",
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
+    "@giscus/react": "^3.0.0",
     "@mdx-js/react": "^3.0.0",
     "@mui/material": "^5.16.7",
     "@radix-ui/react-slot": "^1.1.0",
diff --git a/src/components/GiscusComments.js b/src/components/GiscusComments.js
new file mode 100644
index 000000000..40e87b8ed
--- /dev/null
+++ b/src/components/GiscusComments.js
@@ -0,0 +1,45 @@
+{
+  /* <script src="https://giscus.app/client.js"
+        data-repo="statsig-io/docs"
+        data-repo-id="MDEwOlJlcG9zaXRvcnkzNTQxNDU1NzA="
+        data-category="Announcements"
+        data-category-id="DIC_kwDOFRvVIs4CkZAC"
+        data-mapping="pathname"
+        data-strict="0"
+        data-reactions-enabled="1"
+        data-emit-metadata="0"
+        data-input-position="bottom"
+        data-theme="preferred_color_scheme"
+        data-lang="en"
+        crossorigin="anonymous"
+        async>
+</script> */
+}
+
+import React from "react";
+import Giscus from "@giscus/react";
+import { useColorMode } from "@docusaurus/theme-common";
+
+export default function GiscusComments() {
+  const { colorMode } = useColorMode();
+
+  return (
+    <Giscus
+      repo="statsig-io/docs"
+      repoId="MDEwOlJlcG9zaXRvcnkzNTQxNDU1NzA="
+      category="Announcements"
+      categoryId="DIC_kwDOFRvVIs4CkZAC"
+      mapping="pathname"
+      //   term="specific-term" //If you didn't select "Discussion title contains a specific term", omit.
+      strict="0"
+      reactionsEnabled="1"
+      emitMetadata="1"
+      inputPosition="bottom"
+      theme={colorMode}
+      lang="en"
+      loading="lazy"
+      crossorigin="anonymous"
+      async
+    />
+  );
+}