docs: add twitter cards and application/ld+json to the blog, arhive and docs collection pages

yaroslav8765 · yaroslav8765 · commit 9ab62d38ec67 · 2026-06-10T12:37:45.000+03:00
diff --git a/adminforth/documentation/src/theme/BlogArchivePage/index.tsx b/adminforth/documentation/src/theme/BlogArchivePage/index.tsx
@@ -0,0 +1,30 @@
+import React, {type ReactNode} from 'react';
+import BlogArchivePage from '@theme-original/BlogArchivePage';
+import type BlogArchivePageType from '@theme/BlogArchivePage';
+import type {WrapperProps} from '@docusaurus/types';
+import Head from '@docusaurus/Head';
+
+type Props = WrapperProps<typeof BlogArchivePageType>;
+const BLOG_TITLE = 'AdminForth Blog Archive';
+const BLOG_DESCRIPTION = 'AdminForth blog archive page';
+
+export default function BlogArchivePageWrapper(props: Props): ReactNode {
+  const schema = {
+    '@context': 'https://schema.org',
+    '@type': 'CollectionPage',
+    headline: BLOG_TITLE,
+    description: BLOG_DESCRIPTION,
+    url: `https://adminforth.dev/blog/archive/`,
+    dateModified: new Date().toISOString(),
+  };
+  return (
+    <>
+      <Head>
+        <script type="application/ld+json">{JSON.stringify(schema)}</script>
+        <meta name="twitter:title" content={BLOG_TITLE} />
+        <meta name="twitter:description" content={BLOG_DESCRIPTION} />
+      </Head>
+      <BlogArchivePage {...props} />
+    </>
+  );
+}
diff --git a/adminforth/documentation/src/theme/BlogLayout/index.tsx b/adminforth/documentation/src/theme/BlogLayout/index.tsx
@@ -0,0 +1,30 @@
+import React, {type ReactNode} from 'react';
+import BlogLayout from '@theme-original/BlogLayout';
+import type BlogLayoutType from '@theme/BlogLayout';
+import type {WrapperProps} from '@docusaurus/types';
+import Head from '@docusaurus/Head';
+
+type Props = WrapperProps<typeof BlogLayoutType>;
+const BLOG_TITLE = 'AdminForth Blog';
+const BLOG_DESCRIPTION = 'AdminForth blog posts';
+
+export default function BlogLayoutWrapper(props: Props): ReactNode {
+  const schema = {
+    '@context': 'https://schema.org',
+    '@type': 'CollectionPage',
+    headline: BLOG_TITLE,
+    description: BLOG_DESCRIPTION,
+    url: `https://adminforth.dev/blog`,
+    dateModified: new Date().toISOString(),
+  };
+  return (
+    <>
+      <Head>
+        <script type="application/ld+json">{JSON.stringify(schema)}</script>
+        <meta name="twitter:title" content={BLOG_TITLE} />
+        <meta name="twitter:description" content={BLOG_DESCRIPTION} />
+      </Head>
+      <BlogLayout {...props} />
+    </>
+  );
+}
diff --git a/adminforth/documentation/src/theme/DocCategoryGeneratedIndexPage/index.tsx b/adminforth/documentation/src/theme/DocCategoryGeneratedIndexPage/index.tsx
@@ -0,0 +1,28 @@
+import React, {type ReactNode} from 'react';
+import DocCategoryGeneratedIndexPage from '@theme-original/DocCategoryGeneratedIndexPage';
+import type DocCategoryGeneratedIndexPageType from '@theme/DocCategoryGeneratedIndexPage';
+import type {WrapperProps} from '@docusaurus/types';
+import Head from '@docusaurus/Head';
+
+type Props = WrapperProps<typeof DocCategoryGeneratedIndexPageType>;
+
+export default function DocCategoryGeneratedIndexPageWrapper(props: Props): ReactNode {
+  const schema = {
+    '@context': 'https://schema.org',
+    '@type': 'CollectionPage',
+    headline: props.categoryGeneratedIndex.title,
+    description: props.categoryGeneratedIndex.description,
+    url: `https://adminforth.dev${props.categoryGeneratedIndex.permalink}`,
+    dateModified: new Date().toISOString(),
+  };
+  return (
+    <>
+      <Head>
+        <script type="application/ld+json">{JSON.stringify(schema)}</script>
+        <meta name="twitter:title" content={props.categoryGeneratedIndex.title} />
+        <meta name="twitter:description" content={props.categoryGeneratedIndex.description} />
+      </Head>
+      <DocCategoryGeneratedIndexPage {...props} />
+    </>
+  );
+}
