diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 80ddda4cb2..4ee237305c 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -106,7 +106,6 @@ const config: Config = {
       } satisfies Preset.Options
     ],
   ],
-
   themeConfig: {
     image: '/docs/social/docs-social.png',
     navbar: {
diff --git a/src/theme/DocItem/Metadata/index.tsx b/src/theme/DocItem/Metadata/index.tsx
new file mode 100644
index 0000000000..87de0f465f
--- /dev/null
+++ b/src/theme/DocItem/Metadata/index.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { PageMetadata } from '@docusaurus/theme-common';
+import { useDoc } from '@docusaurus/theme-common/internal';
+
+import type { DocFrontMatter } from '@docusaurus/plugin-content-docs'
+
+type PrismaDocFrontMatter = DocFrontMatter & {
+  metaTitle?: string,
+  metaDescription?: string,
+}
+
+export default function DocItemMetadata(): JSX.Element {
+  const { metadata, frontMatter, assets } = useDoc();
+  const prismaFrontMatter = frontMatter as PrismaDocFrontMatter;
+  return (
+    <PageMetadata
+      title={prismaFrontMatter.metaTitle ?? prismaFrontMatter.title ?? metadata.title}
+      description={prismaFrontMatter.metaDescription ?? metadata.description}
+      keywords={frontMatter.keywords}
+      image={assets.image ?? frontMatter.image}
+    />
+  );
+}