diff --git a/generatePathMap.cjs.js b/generatePathMap.cjs.js
index 2d67bae7a18..312c671ffe8 100644
--- a/generatePathMap.cjs.js
+++ b/generatePathMap.cjs.js
@@ -114,19 +114,6 @@ function generatePathMap(
       } else if (route.startsWith('/start')) {
         filterKind = 'integration';
       }
-
-      if (filterKind !== '') {
-        const aOrAn = 'aeiou'.includes(filterKind[0]) ? 'an' : 'a';
-        pathMap[route] = {
-          page: '/ChooseFilterPage',
-          query: {
-            address: route,
-            directoryPath: '/ChooseFilterPage',
-            filterKind: filterKind,
-            message: `Choose ${aOrAn} ${filterKind}:`
-          }
-        };
-      }
     }
 
     if (items) {
@@ -196,17 +183,6 @@ function generatePathMap(
         page: `${route}/q/${routeType}/[${routeType}]`
       };
     });
-    const aOrAn = 'aeiou'.includes(routeType[0]) ? 'an' : 'a';
-    pathMap[route] = {
-      page: '/ChooseFilterPage',
-      query: {
-        address: route,
-        directoryPath: '/ChooseFilterPage',
-        filterKind: routeType,
-        filters: filters,
-        message: `Choose ${aOrAn} ${routeType}:`
-      }
-    };
   }
   return pathMap;
 }
diff --git a/next.config.mjs b/next.config.mjs
index 5ae8c33344f..f2795e492b1 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -68,9 +68,11 @@ export default async (phase, { defaultConfig }) => {
       // !! WARN !!
       ignoreBuildErrors: true
     },
-    exportPathMap,
     trailingSlash: true,
-    transpilePackages: ['@algolia/autocomplete-shared', 'next-image-export-optimizer'],
+    transpilePackages: [
+      '@algolia/autocomplete-shared',
+      'next-image-export-optimizer'
+    ],
     // eslint-disable-next-line @typescript-eslint/require-await
     async headers() {
       return [
diff --git a/package.json b/package.json
index 85448646968..f115a4e0d4f 100644
--- a/package.json
+++ b/package.json
@@ -128,7 +128,11 @@
     ],
     "setupFilesAfterEnv": [
       "<rootDir>/jest.setup.js"
-    ]
+    ],
+    "moduleNameMapper": {
+      "\\.(css|less|scss)$": "<rootDir>/src/__mocks__/styleMock.js"
+    },
+    "transformIgnorePatterns": []
   },
   "scripts": {
     "clean": "rm -rf node_modules yarn.lock",
diff --git a/src/__mocks__/styleMock.js b/src/__mocks__/styleMock.js
new file mode 100644
index 00000000000..f053ebf7976
--- /dev/null
+++ b/src/__mocks__/styleMock.js
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/src/components/Accordion/index.tsx b/src/components/Accordion/index.tsx
index f861f4a74f8..6a4a59e323f 100644
--- a/src/components/Accordion/index.tsx
+++ b/src/components/Accordion/index.tsx
@@ -20,6 +20,11 @@ const Accordion: React.FC<AccordionProps> = ({
   const [expandedHeight, setExpandedHeight] = useState(0);
   const docsExpander = useRef<HTMLElement>(null);
 
+  let pathName = '';
+  if (typeof window !== 'undefined') {
+    pathName = window.location.pathname;
+  }
+
   useEffect(() => {
     const expander = docsExpander.current;
 
@@ -62,7 +67,7 @@ const Accordion: React.FC<AccordionProps> = ({
 
   const anchor = createElement(
     'a',
-    { href: window.location.pathname + '#' + headingId },
+    { href: pathName + '#' + headingId },
     expanderTitle
   );
 
diff --git a/src/pages/ChooseFilterPage.tsx b/src/components/ChooseFilterPage/index.tsx
similarity index 87%
rename from src/pages/ChooseFilterPage.tsx
rename to src/components/ChooseFilterPage/index.tsx
index 3ebc75f5792..fe5e48b7bce 100644
--- a/src/pages/ChooseFilterPage.tsx
+++ b/src/components/ChooseFilterPage/index.tsx
@@ -1,19 +1,19 @@
-import Layout from '../components/Layout';
+import Layout from '../Layout';
 import styled from '@emotion/styled';
 import { Grid } from '@theme-ui/components';
 import { useEffect, useRef, useState } from 'react';
-import MetaContent from '../components/Page/metaContent';
-import { Container } from '../components/Container';
-import { Card, CardDetail, CardGraphic } from '../components/Card';
+import MetaContent from '../Page/metaContent';
+import { Container } from '../Container';
+import { Card, CardDetail, CardGraphic } from '../Card';
 import {
   filterOptionsByName,
   filterMetadataByOption
-} from '../utils/filter-data';
+} from '../../utils/filter-data';
 import {
   getChapterDirectory,
   getProductDirectory,
   isProductRoot
-} from '../utils/getLocalDirectory';
+} from '../../utils/getLocalDirectory';
 
 const H3 = styled.h3`
   margin-top: 0.375rem;
@@ -34,7 +34,6 @@ function ChooseFilterPage({
   // "url" cannot be a CFP prop for legacy reasons
   let url = address;
   const [_, setHref] = useState('https://docs.amplify.aws');
-  const [menuIsOpen, setMenuIsOpen] = useState(false);
   const footerRef = useRef(null);
 
   useEffect(() => {
@@ -125,7 +124,4 @@ function ChooseFilterPage({
   );
 }
 
-ChooseFilterPage.getInitialProps = (initialProps) => {
-  return initialProps.query;
-};
 export default ChooseFilterPage;
diff --git a/src/components/FeaturesGrid/__tests__/FeaturesGrid.test.tsx b/src/components/FeaturesGrid/__tests__/FeaturesGrid.test.tsx
index 7b4fa1e8fc7..50e2284148d 100644
--- a/src/components/FeaturesGrid/__tests__/FeaturesGrid.test.tsx
+++ b/src/components/FeaturesGrid/__tests__/FeaturesGrid.test.tsx
@@ -2,6 +2,17 @@ import * as React from 'react';
 import { render, screen } from '@testing-library/react';
 import FeaturesGrid from '../index';
 
+jest.mock('next/router', () => ({
+  useRouter() {
+    return {
+      route: '/',
+      pathname: '',
+      query: '',
+      asPath: ''
+    };
+  }
+}));
+
 describe('FeaturesGrid', () => {
   const featureSections = [
     'Authentication',
diff --git a/src/components/FilterChildren/index.tsx b/src/components/FilterChildren/index.tsx
index fb81abdc9e1..ffb2847138e 100644
--- a/src/components/FilterChildren/index.tsx
+++ b/src/components/FilterChildren/index.tsx
@@ -1,9 +1,8 @@
 import { useRouter } from 'next/router';
 
-export default function FilterChildren({ children }) {
+export default function FilterChildren({ children, filterKey = '' }) {
   const router = useRouter();
 
-  let filterKey = '';
   if ('platform' in router.query) {
     filterKey = router.query.platform as string;
   } else if ('integration' in router.query) {
diff --git a/src/components/Fragments/index.tsx b/src/components/Fragments/index.tsx
index e953399107f..72cde1196e9 100644
--- a/src/components/Fragments/index.tsx
+++ b/src/components/Fragments/index.tsx
@@ -7,8 +7,10 @@ export default function Fragments({ fragments }) {
   let frontmatter: MdxFrontmatterType;
 
   const { state, dispatch } = useLastUpdatedDatesContext();
+  let filterKey = '';
 
   for (const key in fragments) {
+    if (!filterKey) filterKey = key;
     const fragment = fragments[key]([]);
     frontmatter = fragment.props.frontmatter;
 
@@ -29,5 +31,5 @@ export default function Fragments({ fragments }) {
     children.push(<div key={key}>{fragment}</div>);
   }
 
-  return <FilterChildren>{children}</FilterChildren>;
+  return <FilterChildren filterKey={filterKey}>{children}</FilterChildren>;
 }
diff --git a/src/components/InternalLink/__tests__/InternalLink.test.tsx b/src/components/InternalLink/__tests__/InternalLink.test.tsx
index 0be6b816961..4eb419d734c 100644
--- a/src/components/InternalLink/__tests__/InternalLink.test.tsx
+++ b/src/components/InternalLink/__tests__/InternalLink.test.tsx
@@ -1,20 +1,31 @@
 import * as React from 'react';
 import { render, screen } from '@testing-library/react';
 import InternalLink from '../index';
+import { PageContext } from '../../Page';
 
-const localStorageMock = jest.spyOn(
-  require('../../../utils/parseLocalStorage'),
-  'parseLocalStorage'
-);
-localStorageMock.mockReturnValue({
+const pageContext = {
   platform: 'js',
   integration: 'js',
   framework: 'js'
-});
+};
 
+jest.mock('next/router', () => ({
+  useRouter() {
+    return {
+      route: '/',
+      pathname: '',
+      query: '',
+      asPath: ''
+    };
+  }
+}));
 describe('InternalLink', () => {
   it('should render the InternalLink component', async () => {
-    render(<InternalLink href="/lib/auth">Internal Link</InternalLink>);
+    render(
+      <PageContext.Provider value={pageContext}>
+        <InternalLink href="/lib/auth">Internal Link</InternalLink>
+      </PageContext.Provider>
+    );
 
     const linkNode = await screen.findByText('Internal Link');
     expect(linkNode).toBeInTheDocument();
@@ -22,7 +33,11 @@ describe('InternalLink', () => {
 
   it('should add the platform to the link', async () => {
     const href = '/lib/libFile';
-    render(<InternalLink href={href}>Internal Link</InternalLink>);
+    render(
+      <PageContext.Provider value={pageContext}>
+        <InternalLink href={href}>Internal Link</InternalLink>
+      </PageContext.Provider>
+    );
 
     const linkNode = await screen.findByText('Internal Link');
     const linkHref = linkNode.href;
@@ -31,7 +46,11 @@ describe('InternalLink', () => {
 
   it('should add the integration to the link', async () => {
     const href = '/start/startFile';
-    render(<InternalLink href={href}>Internal Link</InternalLink>);
+    render(
+      <PageContext.Provider value={pageContext}>
+        <InternalLink href={href}>Internal Link</InternalLink>
+      </PageContext.Provider>
+    );
 
     const linkNode = await screen.findByText('Internal Link');
     const linkHref = linkNode.href;
@@ -40,7 +59,11 @@ describe('InternalLink', () => {
 
   it('should add the framework to the link', async () => {
     const href = '/ui/uiFile';
-    render(<InternalLink href={href}>Internal Link</InternalLink>);
+    render(
+      <PageContext.Provider value={pageContext}>
+        <InternalLink href={href}>Internal Link</InternalLink>
+      </PageContext.Provider>
+    );
 
     const linkNode = await screen.findByText('Internal Link');
     const linkHref = linkNode.href;
@@ -49,7 +72,11 @@ describe('InternalLink', () => {
 
   it('should not change the href if the platform already exists', async () => {
     const href = '/lib/libFile/q/platform/js';
-    render(<InternalLink href={href}>Internal Link</InternalLink>);
+    render(
+      <PageContext.Provider value={pageContext}>
+        <InternalLink href={href}>Internal Link</InternalLink>
+      </PageContext.Provider>
+    );
 
     const expectedHref = `http://localhost${href}`;
     const linkNode = await screen.findByText('Internal Link');
diff --git a/src/components/InternalLink/index.tsx b/src/components/InternalLink/index.tsx
index c49b914d22e..ee2d097ef5f 100644
--- a/src/components/InternalLink/index.tsx
+++ b/src/components/InternalLink/index.tsx
@@ -1,8 +1,12 @@
 import Link from 'next/link';
 import { useRouter } from 'next/router';
-import { parseLocalStorage } from '../../utils/parseLocalStorage';
+import { useContext } from 'react';
+import { PageContext } from '../Page';
 
 export default function InternalLink({ href, children }) {
+  const router = useRouter();
+  const filterKeys = useContext(PageContext);
+
   let filterKind = '';
   if (href.startsWith('/cli') || href.startsWith('/console')) {
     filterKind = '';
@@ -20,7 +24,6 @@ export default function InternalLink({ href, children }) {
 
   if (filterKind != '') {
     if (!href.includes(`/q/${filterKind}/`)) {
-      const filterKeys = parseLocalStorage('filterKeys', {});
       if (filterKind in filterKeys) {
         const filterKey = filterKeys[filterKind];
         if (href.includes('#')) {
@@ -34,7 +37,6 @@ export default function InternalLink({ href, children }) {
   }
 
   if (href[0] === '#') {
-    const router = useRouter();
     const prevPath = router.asPath.split('#')[0];
     href = prevPath + href;
   }
diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
index f6cd4a6d192..f5ffe8e7a63 100644
--- a/src/components/Layout/index.tsx
+++ b/src/components/Layout/index.tsx
@@ -3,7 +3,6 @@ import SecondaryNav from '../SecondaryNav/index';
 import Footer from '../Footer/index';
 import { LayoutStyle } from './styles';
 import { Container } from '../Container';
-import { useRouter } from 'next/router';
 import { GlobalNav, NavMenuItem } from '../GlobalNav/GlobalNav';
 import {
   LEFT_NAV_LINKS,
@@ -26,9 +25,6 @@ const Layout = forwardRef(function Layout(
   },
   footerRef
 ) {
-  const router = useRouter();
-  if (!router.isReady) return <></>;
-
   const filterMetadata = filterKey
     ? filterMetadataByOption[filterKey].label
     : '';
diff --git a/src/components/Menu/Directory/__tests__/Directory.test.tsx b/src/components/Menu/Directory/__tests__/Directory.test.tsx
index 39ffe95f86f..bfaf8aa3825 100644
--- a/src/components/Menu/Directory/__tests__/Directory.test.tsx
+++ b/src/components/Menu/Directory/__tests__/Directory.test.tsx
@@ -3,6 +3,17 @@ import { render, screen } from '@testing-library/react';
 import Directory from '../index';
 import directory from '../../../../directory/directory.mjs';
 
+jest.mock('next/router', () => ({
+  useRouter() {
+    return {
+      route: '/',
+      pathname: '',
+      query: '',
+      asPath: ''
+    };
+  }
+}));
+
 describe('Directory', () => {
   const directoryKeys = Object.keys(directory);
 
diff --git a/src/components/Menu/FilterSelect/__tests__/FilterSelect.test.tsx b/src/components/Menu/FilterSelect/__tests__/FilterSelect.test.tsx
index 204732ccbf7..9e80b865df6 100644
--- a/src/components/Menu/FilterSelect/__tests__/FilterSelect.test.tsx
+++ b/src/components/Menu/FilterSelect/__tests__/FilterSelect.test.tsx
@@ -6,6 +6,17 @@ import {
   filterMetadataByOption
 } from '../../../../utils/filter-data';
 
+jest.mock('next/router', () => ({
+  useRouter() {
+    return {
+      route: '/',
+      pathname: '',
+      query: '',
+      asPath: ''
+    };
+  }
+}));
+
 describe('FilterSelect', () => {
   describe('General Behavior', () => {
     const filterKind = 'platform';
diff --git a/src/components/Menu/FilterSelect/index.tsx b/src/components/Menu/FilterSelect/index.tsx
index 2359a6d2871..c5396fed6eb 100644
--- a/src/components/Menu/FilterSelect/index.tsx
+++ b/src/components/Menu/FilterSelect/index.tsx
@@ -118,7 +118,7 @@ export default class FilterSelect extends React.Component<
     }
 
     return (
-      <div className="filter-row">
+      <div className="filter-row" key={name}>
         <img
           alt=""
           src={filterMetadataByOption[name]?.graphicURI}
diff --git a/src/components/Menu/__tests__/Menu.test.tsx b/src/components/Menu/__tests__/Menu.test.tsx
index 06ae8a6bfbe..8cf2ebdf7bb 100644
--- a/src/components/Menu/__tests__/Menu.test.tsx
+++ b/src/components/Menu/__tests__/Menu.test.tsx
@@ -20,6 +20,17 @@ Object.defineProperty(window, 'matchMedia', {
 
 const directoryKeys = Object.keys(directory);
 
+jest.mock('next/router', () => ({
+  useRouter() {
+    return {
+      route: '/',
+      pathname: '',
+      query: '',
+      asPath: ''
+    };
+  }
+}));
+
 describe('Menu', () => {
   directoryKeys.forEach((directoryKey) => {
     it(`should render the Menu component with the ${directoryKey} key`, async () => {
diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx
index 27952921158..4048afc084f 100644
--- a/src/components/Menu/index.tsx
+++ b/src/components/Menu/index.tsx
@@ -36,7 +36,7 @@ function Menu(props: MenuProps, ref) {
   const [isOpen, setIsOpen] = useState(true);
   const { state } = useLastUpdatedDatesContext();
   const menuRef = useRef<HTMLElement>(null);
-  const [onDesktop, setOnDesktop] = useState(false);
+  const [onDesktop, setOnDesktop] = useState(true);
 
   useEffect(() => {
     const MQDesktopJS = MQDesktop.substring(6);
diff --git a/src/components/NextPrevious/styles.tsx b/src/components/NextPrevious/styles.tsx
index 4d814080217..6fe0301ee01 100644
--- a/src/components/NextPrevious/styles.tsx
+++ b/src/components/NextPrevious/styles.tsx
@@ -40,7 +40,7 @@ export const NextPreviousLinkStyle = styled.a`
     width: 0.5rem;
   }
 
-  &:first-child {
+  &:first-of-type {
     img {
       margin-left: 0;
       margin-right: 1rem;
diff --git a/src/components/Page/index.tsx b/src/components/Page/index.tsx
index d04c92350aa..e272d6b82eb 100644
--- a/src/components/Page/index.tsx
+++ b/src/components/Page/index.tsx
@@ -7,12 +7,12 @@ import {
   getChapterDirectory,
   isProductRoot
 } from '../../utils/getLocalDirectory';
-import { useRef } from 'react';
+import { useEffect, useRef, useState, createContext } from 'react';
 import {
   filterMetadataByOption,
   SelectedFilters
 } from '../../utils/filter-data';
-import ChooseFilterPage from '../../pages/ChooseFilterPage';
+import ChooseFilterPage from '../ChooseFilterPage';
 import { parseLocalStorage } from '../../utils/parseLocalStorage';
 import { withFilterOverrides } from '../../utils/withFilterOverrides';
 
@@ -20,21 +20,28 @@ export type MdxFrontmatterType = {
   lastUpdated: string;
 };
 
+export const PageContext = createContext({});
+
 export default function Page({
   children,
   meta,
-  frontmatter
+  frontmatter,
+  platform = '',
+  filterKind = ''
 }: {
   children: any;
   meta?: any;
   frontmatter?: MdxFrontmatterType;
+  platform?: string;
+  filterKind?: string;
 }) {
   const footerRef = useRef(null);
   const router = useRouter();
+  const [filterKeysLoaded, setFilterKeysLoaded] = useState({});
 
-  if (!router.isReady) {
-    return <></>;
-  }
+  useEffect(() => {
+    setFilterKeysLoaded(parseLocalStorage('filterKeys', {} as SelectedFilters));
+  }, []);
 
   let url = router.asPath;
   // remove trailing slash.  this is important on pages like /cli/index.mdx
@@ -46,13 +53,11 @@ export default function Page({
 
   const directoryPath = router.pathname;
 
-  let filterKey = '',
-    filterKind = '';
-  const filterKeysLoaded = parseLocalStorage(
-    'filterKeys',
-    {} as SelectedFilters
-  );
+  let filterKey = platform;
   const filterKeyUpdates = {} as SelectedFilters;
+  if (filterKey && filterKind) {
+    filterKeyUpdates[filterKind] = filterKey;
+  }
   if ('platform' in router.query) {
     filterKey = router.query.platform as string;
     filterKeyUpdates.platform = filterKey;
@@ -82,8 +87,18 @@ export default function Page({
     ...overrides
   };
 
-  localStorage.setItem('filterKeys', JSON.stringify(filterKeys));
-  if (filters.length !== 0 && !filters.includes(filterKey) && meta) {
+  useEffect(() => {
+    if (Object.keys(filterKeys).length !== 0) {
+      localStorage.setItem('filterKeys', JSON.stringify(filterKeys));
+    }
+  }, [filterKeys]);
+
+  if (
+    filterKey &&
+    filters.length !== 0 &&
+    !filters.includes(filterKey) &&
+    meta
+  ) {
     return (
       <ChooseFilterPage
         directoryPath="/ChooseFilterPage"
@@ -91,7 +106,7 @@ export default function Page({
         filterKind={filterKind}
         filters={filters}
         currentFilter={filterKey}
-        message={`${filterMetadataByOption[filterKey].label} is not supported on this page.  Please select one of the following:`}
+        message={`${filterMetadataByOption[filterKey]?.label} is not supported on this page.  Please select one of the following:`}
       />
     );
   }
@@ -112,29 +127,31 @@ export default function Page({
   }
 
   return (
-    <Layout
-      meta={meta}
-      filterKey={filterKey}
-      filterMetadataByOption={filterMetadataByOption}
-      ref={footerRef}
-    >
-      {meta ? (
-        <MetaContent
-          title={meta.title}
-          chapterTitle={meta.chapterTitle}
-          headers={headers}
-          children={children}
-          filters={filters}
-          filterKey={filterKey}
-          filterKind={filterKind}
-          url={url}
-          directoryPath={directoryPath}
-          parentPageLastUpdatedDate={parentPageLastUpdatedDate}
-          footerRef={footerRef}
-        />
-      ) : (
-        children
-      )}
-    </Layout>
+    <PageContext.Provider value={filterKeys}>
+      <Layout
+        meta={meta}
+        filterKey={filterKey}
+        filterMetadataByOption={filterMetadataByOption}
+        ref={footerRef}
+      >
+        {meta ? (
+          <MetaContent
+            title={meta.title}
+            chapterTitle={meta.chapterTitle}
+            headers={headers}
+            children={children}
+            filters={filters}
+            filterKey={filterKey}
+            filterKind={filterKind}
+            url={url}
+            directoryPath={directoryPath}
+            parentPageLastUpdatedDate={parentPageLastUpdatedDate}
+            footerRef={footerRef}
+          />
+        ) : (
+          children
+        )}
+      </Layout>
+    </PageContext.Provider>
   );
 }
diff --git a/src/components/Page/metaContent.tsx b/src/components/Page/metaContent.tsx
index a5a031d5713..905e0d3c7c6 100644
--- a/src/components/Page/metaContent.tsx
+++ b/src/components/Page/metaContent.tsx
@@ -4,7 +4,7 @@ import TableOfContents from '../TableOfContents/index';
 import NextPrevious from '../NextPrevious/index';
 import { ContentStyle, ChapterTitleStyle } from './styles';
 import MobileMenuIcons from '../MobileMenuIcons';
-import { useRef, useState } from 'react';
+import { useRef, useState, useEffect } from 'react';
 import { MQDesktop } from '../media';
 import Feedback from '../Feedback';
 import LastUpdatedDatesProvider from '../LastUpdatedProvider';
@@ -39,14 +39,18 @@ export default function MetaContent({
   const buttonsRef = useRef(null);
   const contentsRef = useRef(null);
   const [menuIsOpen, setMenuIsOpen] = useState(false);
+  const [onDesktop, setOnDesktop] = useState(true);
 
   // Slice off the "@media " string at the start for use in JS instead of CSS
   const MQDesktopJS = MQDesktop.substring(6);
   // If the media query matches, then the user is on desktop and should not see the mobile toggle
-  const onDesktop =
-    typeof window === 'undefined'
-      ? false
-      : window.matchMedia(MQDesktopJS).matches;
+  useEffect(() => {
+    setOnDesktop(
+      typeof window === 'undefined'
+        ? false
+        : window.matchMedia(MQDesktopJS).matches
+    );
+  }, []);
 
   return (
     <>
diff --git a/src/components/SecondaryNav/index.tsx b/src/components/SecondaryNav/index.tsx
index 5b5f77cda69..01620abe100 100644
--- a/src/components/SecondaryNav/index.tsx
+++ b/src/components/SecondaryNav/index.tsx
@@ -16,15 +16,15 @@ import ExternalLink from '../ExternalLink';
 import InternalLink from '../InternalLink';
 import { useRouter } from 'next/router';
 import { Container } from '../Container';
-import { parseLocalStorage } from '../../utils/parseLocalStorage';
+import { useContext } from 'react';
+import { PageContext } from '../Page';
 
 import SearchBar from '../SearchBar';
 
 export default function SecondaryNav() {
+  const filterKeys = useContext(PageContext);
   const router = useRouter();
   const path = router.asPath;
-  const filterKeys = parseLocalStorage('filterKeys', {});
-
   return (
     <HostStyle as="nav">
       <Container>
diff --git a/src/components/SecondaryNav/styles.tsx b/src/components/SecondaryNav/styles.tsx
index 9db49fba314..e4467c2264d 100644
--- a/src/components/SecondaryNav/styles.tsx
+++ b/src/components/SecondaryNav/styles.tsx
@@ -41,7 +41,7 @@ export const SecondaryNavStyle = styled.div`
     a {
       margin-left: 1.75rem;
 
-      &:first-child {
+      &:first-of-type {
         margin-left: 0;
       }
 
diff --git a/src/components/TableOfContents/index.tsx b/src/components/TableOfContents/index.tsx
index df7715be473..da9b4f0e12f 100644
--- a/src/components/TableOfContents/index.tsx
+++ b/src/components/TableOfContents/index.tsx
@@ -7,10 +7,11 @@ import {
   H3AnchorStyle,
   HeaderStyle
 } from './styles';
-import { forwardRef, useEffect } from 'react';
+import { forwardRef, useEffect, useState } from 'react';
 import { useRouter } from 'next/router';
 import { MQDesktop } from '../media';
 import { CloseIcon } from '../Icons';
+import { truncate } from 'fs';
 
 const stickyHeaderHeight = 124;
 function scroll(hash) {
@@ -24,26 +25,26 @@ function scroll(hash) {
 function TableOfContents({ children, title, buttonsRef }, ref) {
   const router = useRouter();
   const MQDesktopJS = MQDesktop.substring(6);
-  const onDesktop =
-    typeof window === 'undefined'
-      ? false
-      : window.matchMedia(MQDesktopJS).matches;
-
-  if (children.length === 0) {
-    return <></>;
-  }
-  window.onload = (_) => {
-    if (window.location.href.includes('#')) {
-      const hash = window.location.href.split('#')[1];
-      scroll(hash);
-    }
-  };
+  const [onDesktop, setOnDesktop] = useState(true);
 
   let headers = [];
   let headerQueries = [];
   let activeLink = 0;
   let previousLink = -1;
   useEffect(() => {
+    setOnDesktop(
+      typeof window === 'undefined'
+        ? false
+        : window.matchMedia(MQDesktopJS).matches
+    );
+
+    window.onload = (_) => {
+      if (window.location.href.includes('#')) {
+        const hash = window.location.href.split('#')[1];
+        scroll(hash);
+      }
+    };
+
     const idSet = new Set();
     const pageHeadings = document.querySelectorAll('a > h2, a > h3');
     const headings = [];
@@ -56,7 +57,6 @@ function TableOfContents({ children, title, buttonsRef }, ref) {
         headings.push(heading);
       }
     });
-    // console.log(document.getElementById('toc')?.querySelectorAll('a'))
     const headings2 = document.getElementById('toc')?.querySelectorAll('a');
     for (let i = 0; i < headings.length; ++i) {
       const id = headings[i].id;
@@ -77,13 +77,15 @@ function TableOfContents({ children, title, buttonsRef }, ref) {
         setTimeout(scroll.bind(undefined, uniqueId), 50);
         return false;
       };
-      headings2[i].onclick = () => {
-        if (headings[i].classList.contains('docs-expander__title')) {
-          uniqueId = headings[i].parentNode.parentNode.parentNode.id;
-        }
-        setTimeout(scroll.bind(undefined, uniqueId), 50);
-        return false;
-      };
+      if (headings2 && headings2[i]) {
+        headings2[i].onclick = () => {
+          if (headings[i].classList.contains('docs-expander__title')) {
+            uniqueId = headings[i].parentNode.parentNode.parentNode.id;
+          }
+          setTimeout(scroll.bind(undefined, uniqueId), 50);
+          return false;
+        };
+      }
     }
     headers = Array.from(headings).map((heading) => heading.id);
     headerQueries = headers.map((header) => {
@@ -150,7 +152,7 @@ function TableOfContents({ children, title, buttonsRef }, ref) {
     }
   };
 
-  return (
+  return children.length ? (
     <TOCStyle id="toc" ref={ref}>
       <TOCInnerStyle>
         {!onDesktop && (
@@ -175,6 +177,8 @@ function TableOfContents({ children, title, buttonsRef }, ref) {
         })}
       </TOCInnerStyle>
     </TOCStyle>
+  ) : (
+    <></>
   );
 }
 
diff --git a/src/fragments/lib-v1/project-setup/ios/prereq/prereq.mdx b/src/fragments/lib-v1/project-setup/ios/prereq/prereq.mdx
index f34418c42a7..4cbe4853a92 100644
--- a/src/fragments/lib-v1/project-setup/ios/prereq/prereq.mdx
+++ b/src/fragments/lib-v1/project-setup/ios/prereq/prereq.mdx
@@ -1,4 +1,4 @@
-- [Install Xcode](https://developer.apple.com/xcode/downloads/) version 11.4 or later.
+- [Install Xcode](https://developer.apple.com/download/applications/) version 11.4 or later.
 - (Optional) [Install CocoaPods](https://guides.cocoapods.org/)
 
-    Amplify can be installed through the Swift Package Manager, which is integrated into Xcode, or you can install it through CocoaPods.
\ No newline at end of file
+    Amplify can be installed through the Swift Package Manager, which is integrated into Xcode, or you can install it through CocoaPods.
diff --git a/src/fragments/lib/graphqlapi/ios/working-with-files.mdx b/src/fragments/lib/graphqlapi/ios/working-with-files.mdx
index 9f812397ade..1aa7deea67e 100644
--- a/src/fragments/lib/graphqlapi/ios/working-with-files.mdx
+++ b/src/fragments/lib/graphqlapi/ios/working-with-files.mdx
@@ -2,7 +2,7 @@ The Storage and GraphQL API categories can be used together to associate a file,
 
 <Callout>
 
-For more on the Amplify GraphQL API, see the [API documentation](https://docs.amplify.aws/lib/graphqlapi/getting-started/q/platform/ios/). For Storage, see [Storage documentation](). For Auth, see [Auth documentation]()
+For more on the Amplify GraphQL API, see the [API documentation](https://docs.amplify.aws/lib/graphqlapi/getting-started/q/platform/ios/). For Storage, see [Storage documentation](https://docs.amplify.aws/lib/storage/getting-started/q/platform/ios/). For Auth, see [Auth documentation](https://docs.amplify.aws/lib/auth/getting-started/q/platform/ios/)
 
 </Callout>
 
@@ -1890,4 +1890,4 @@ struct PhotoAlbumView_Previews: PreviewProvider {
 ```
 
 </Block>
-</BlockSwitcher>
\ No newline at end of file
+</BlockSwitcher>
diff --git a/src/pages/cli/q/integration/[integration].mdx b/src/pages/cli/q/integration/[integration].mdx
index f3f8d57f77d..3c259270fdf 100644
--- a/src/pages/cli/q/integration/[integration].mdx
+++ b/src/pages/cli/q/integration/[integration].mdx
@@ -2,6 +2,25 @@ export const meta = {
   title: "Typical workflows",
   description:
     "How to initialize a new Amplify project and other typical Amplify CLI workflows & commands.",
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 ## Initialize new project
diff --git a/src/pages/guides/api-graphql/building-a-form-api/q/platform/[platform].mdx b/src/pages/guides/api-graphql/building-a-form-api/q/platform/[platform].mdx
index cd673c82d4d..7f5b0f71ac3 100644
--- a/src/pages/guides/api-graphql/building-a-form-api/q/platform/[platform].mdx
+++ b/src/pages/guides/api-graphql/building-a-form-api/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Building a Form API with GraphQL`,
   description: `How to implement pagination with GraphQL`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide you will learn how to build and interact with a Form API using Amplify.
diff --git a/src/pages/guides/api-graphql/graphql-pagination/q/platform/[platform].mdx b/src/pages/guides/api-graphql/graphql-pagination/q/platform/[platform].mdx
index 58e85d9efab..4f3099a1560 100644
--- a/src/pages/guides/api-graphql/graphql-pagination/q/platform/[platform].mdx
+++ b/src/pages/guides/api-graphql/graphql-pagination/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `GraphQL pagination`,
   description: `How to implement pagination with GraphQL `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide you will learn how to implement pagination in your GraphQL API.
diff --git a/src/pages/guides/api-graphql/image-and-file-uploads/q/platform/[platform].mdx b/src/pages/guides/api-graphql/image-and-file-uploads/q/platform/[platform].mdx
index a4e0c4d42c4..b58670f3772 100644
--- a/src/pages/guides/api-graphql/image-and-file-uploads/q/platform/[platform].mdx
+++ b/src/pages/guides/api-graphql/image-and-file-uploads/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `How to Manage Image & File Uploads & Downloads`,
   description: `How to manage image and file uploads and downloads with GraphQL and AWS Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/api-graphql/js/image-and-file-uploads.mdx";
diff --git a/src/pages/guides/api-graphql/lambda-resolvers/q/platform/[platform].mdx b/src/pages/guides/api-graphql/lambda-resolvers/q/platform/[platform].mdx
index d058f3b9836..36ebe898286 100644
--- a/src/pages/guides/api-graphql/lambda-resolvers/q/platform/[platform].mdx
+++ b/src/pages/guides/api-graphql/lambda-resolvers/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `How to use Lambda GraphQL Resolvers`,
   description: `How to use Lambda GraphQL resolvers to interact with other services`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 The [GraphQL Transform Library](/cli/graphql/custom-business-logic#lambda-function-resolver) provides a `@function` directive that enables the configuration of AWS Lambda function resolvers within your GraphQL API. In this guide you will learn how to use Lambda functions as GraphQL resolvers to interact with other services and APIs using the `@function` directive.
diff --git a/src/pages/guides/api-graphql/query-with-sorting/q/platform/[platform].mdx b/src/pages/guides/api-graphql/query-with-sorting/q/platform/[platform].mdx
index 95dff00c684..e193ae39c54 100644
--- a/src/pages/guides/api-graphql/query-with-sorting/q/platform/[platform].mdx
+++ b/src/pages/guides/api-graphql/query-with-sorting/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `GraphQL query with sorting by date`,
   description: `How to implement sorting in a GraphQL query`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide you will learn how to implement sorting in a GraphQL API. In our example, you will implement sorting results by date in either an ascending or descending order by implementing an additional data access pattern leveraging a DynamoDB Global Secondary Index using the `@index` GraphQL Transformer directive.
diff --git a/src/pages/guides/api-graphql/subscriptions-by-id/q/platform/[platform].mdx b/src/pages/guides/api-graphql/subscriptions-by-id/q/platform/[platform].mdx
index 4e650917cf3..d3fd181aa01 100644
--- a/src/pages/guides/api-graphql/subscriptions-by-id/q/platform/[platform].mdx
+++ b/src/pages/guides/api-graphql/subscriptions-by-id/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `How to create GraphQL subscriptions by id`,
   description: `How to create a custom GraphQL subscription that will listen by id`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide you will learn how to create a custom GraphQL subscription that will only by connected and triggered by a mutation containing a specific ID as an argument.
diff --git a/src/pages/guides/api-rest/express-server/q/platform/[platform].mdx b/src/pages/guides/api-rest/express-server/q/platform/[platform].mdx
index 1ac2d8859de..9e142117843 100644
--- a/src/pages/guides/api-rest/express-server/q/platform/[platform].mdx
+++ b/src/pages/guides/api-rest/express-server/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Express server`,
   description: `How to deploy an Express server to AWS using AWS Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide you'll learn how to deploy an [Express](https://expressjs.com/) web server complete with routing.
diff --git a/src/pages/guides/api-rest/form-api-with-dynamodb-and-lambda/q/platform/[platform].mdx b/src/pages/guides/api-rest/form-api-with-dynamodb-and-lambda/q/platform/[platform].mdx
index c632e43f7d0..412080aae6d 100644
--- a/src/pages/guides/api-rest/form-api-with-dynamodb-and-lambda/q/platform/[platform].mdx
+++ b/src/pages/guides/api-rest/form-api-with-dynamodb-and-lambda/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Creating a Form API with DynamoDB and Lambda`,
   description: `How to build and interact with a form API with DynamoDB and Lambda`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/api-rest/js/form-api-with-dynamodb-and-lambda.mdx";
diff --git a/src/pages/guides/api-rest/go-api/q/platform/[platform].mdx b/src/pages/guides/api-rest/go-api/q/platform/[platform].mdx
index 07f28358ee2..d94e93c568c 100644
--- a/src/pages/guides/api-rest/go-api/q/platform/[platform].mdx
+++ b/src/pages/guides/api-rest/go-api/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Go API`,
   description: `How to deploy a Go API using Amplify Functions`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide, you will learn how to deploy a Go API.
diff --git a/src/pages/guides/api-rest/node-api/q/platform/[platform].mdx b/src/pages/guides/api-rest/node-api/q/platform/[platform].mdx
index b0edf496faa..8fccf03f888 100644
--- a/src/pages/guides/api-rest/node-api/q/platform/[platform].mdx
+++ b/src/pages/guides/api-rest/node-api/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `NodeJS API`,
   description: `How to deploy a NodeJS API using Amplify Functions`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide, you will learn how to deploy a Node.js API.
diff --git a/src/pages/guides/api-rest/python-api/q/platform/[platform].mdx b/src/pages/guides/api-rest/python-api/q/platform/[platform].mdx
index 71092bd1e34..4d70d0d2c65 100644
--- a/src/pages/guides/api-rest/python-api/q/platform/[platform].mdx
+++ b/src/pages/guides/api-rest/python-api/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Python API`,
   description: `How to deploy a Python API using Amplify Functions`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide, you will learn how to deploy a Python API.
diff --git a/src/pages/guides/authentication/custom-auth-flow/q/platform/[platform].mdx b/src/pages/guides/authentication/custom-auth-flow/q/platform/[platform].mdx
index 95f6d24c20b..1ae7c4aa996 100644
--- a/src/pages/guides/authentication/custom-auth-flow/q/platform/[platform].mdx
+++ b/src/pages/guides/authentication/custom-auth-flow/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Creating a custom authentication flow`,
   description: `Creating a custom authentication flow with AWS Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/authentication/js/custom-auth-flow.mdx";
diff --git a/src/pages/guides/authentication/email-only-authentication/q/platform/[platform].mdx b/src/pages/guides/authentication/email-only-authentication/q/platform/[platform].mdx
index 434eb284f5f..3f04a54e1d1 100644
--- a/src/pages/guides/authentication/email-only-authentication/q/platform/[platform].mdx
+++ b/src/pages/guides/authentication/email-only-authentication/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Email-only sign up and sign in`,
   description: `Enabling users to authenticate with only their email`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/authentication/js/email-only-authentication.mdx";
diff --git a/src/pages/guides/authentication/listening-for-auth-events/q/platform/[platform].mdx b/src/pages/guides/authentication/listening-for-auth-events/q/platform/[platform].mdx
index 9fd59f4ba1d..c729df8a439 100644
--- a/src/pages/guides/authentication/listening-for-auth-events/q/platform/[platform].mdx
+++ b/src/pages/guides/authentication/listening-for-auth-events/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Listening for authentication events`,
   description: `Listening for auth events using the Hub utility`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/authentication/js/listening-for-auth-events.mdx";
diff --git a/src/pages/guides/authentication/managing-user-attributes/q/platform/[platform].mdx b/src/pages/guides/authentication/managing-user-attributes/q/platform/[platform].mdx
index fb3094c7c07..c4ef899260f 100644
--- a/src/pages/guides/authentication/managing-user-attributes/q/platform/[platform].mdx
+++ b/src/pages/guides/authentication/managing-user-attributes/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Managing user attributes`,
   description: `How to manage standard and custom user attributes`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/authentication/js/managing-user-attributes.mdx";
diff --git a/src/pages/guides/datastore/parallel-processing/q/platform/[platform].mdx b/src/pages/guides/datastore/parallel-processing/q/platform/[platform].mdx
index 3c3608385e1..c3d9e712e0a 100644
--- a/src/pages/guides/datastore/parallel-processing/q/platform/[platform].mdx
+++ b/src/pages/guides/datastore/parallel-processing/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Parallel Processing`,
   description: `How to multiple DataStore operations in parallel.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/guides/datastore/parallel-processing-ios.mdx";
diff --git a/src/pages/guides/functions/appsync-operations-to-lambda-layer/q/platform/[platform].mdx b/src/pages/guides/functions/appsync-operations-to-lambda-layer/q/platform/[platform].mdx
index 4f17db8f830..1c159009c8f 100644
--- a/src/pages/guides/functions/appsync-operations-to-lambda-layer/q/platform/[platform].mdx
+++ b/src/pages/guides/functions/appsync-operations-to-lambda-layer/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Exporting AppSync operations to a Lambda layer for easy reuse`,
   description: `How to export your AppSync operations to a Lambda layer for easy reuse in your Lambda functions`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 When you need to call your AppSync API from a Lambda function, you can export your AppSync operations generated by Amplify to a Lambda layer. This reduces the amount of duplicated code, and allows you to interact with the API from Lambda functions across multiple projects.
diff --git a/src/pages/guides/functions/cognito-trigger-lambda-dynamodb/q/platform/[platform].mdx b/src/pages/guides/functions/cognito-trigger-lambda-dynamodb/q/platform/[platform].mdx
index a917ecb2743..695067ca98e 100644
--- a/src/pages/guides/functions/cognito-trigger-lambda-dynamodb/q/platform/[platform].mdx
+++ b/src/pages/guides/functions/cognito-trigger-lambda-dynamodb/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Calling DynamoDB using AWS Cognito triggers`,
   description: `How to add an entry in DynamoDB, with user's information after sign-up post-confirmation`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 If you are using AWS Cognito to handle authentication in your application you can use triggers to handle authentication 
diff --git a/src/pages/guides/functions/connecting-a-rest-api/q/platform/[platform].mdx b/src/pages/guides/functions/connecting-a-rest-api/q/platform/[platform].mdx
index cb2afe35ae5..11f0991f49b 100644
--- a/src/pages/guides/functions/connecting-a-rest-api/q/platform/[platform].mdx
+++ b/src/pages/guides/functions/connecting-a-rest-api/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Connecting a REST API to a Lambda function`,
   description: `How to connect a REST API to a Lambda function`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide you will learn how to connect a REST API to an existing Lambda function.
diff --git a/src/pages/guides/functions/dynamodb-from-js-lambda/q/platform/[platform].mdx b/src/pages/guides/functions/dynamodb-from-js-lambda/q/platform/[platform].mdx
index 3e96b04bbd4..25b2edfb20b 100644
--- a/src/pages/guides/functions/dynamodb-from-js-lambda/q/platform/[platform].mdx
+++ b/src/pages/guides/functions/dynamodb-from-js-lambda/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Calling DynamoDB from Lambda in Node.js`,
   description: `How to interact with a DynamoDB database from a Lambda function in Node.js`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 The easiest way to interact with DynamoDB from Lambda in a Node.js environment is to use the [DynamoDB document client](https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/DynamoDB/DocumentClient.html). In this guide you will learn how to interact with a DynamoDB database from a Lambda function using the Node.js runtime.
diff --git a/src/pages/guides/functions/dynamodb-from-python-lambda/q/platform/[platform].mdx b/src/pages/guides/functions/dynamodb-from-python-lambda/q/platform/[platform].mdx
index 5e7ecedf63a..6c0db745084 100644
--- a/src/pages/guides/functions/dynamodb-from-python-lambda/q/platform/[platform].mdx
+++ b/src/pages/guides/functions/dynamodb-from-python-lambda/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Calling DynamoDB from a Lambda function in Python`,
   description: `How to interact with a DynamoDB database from a Lambda function in Python`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 The easiest way to interact with DynamoDB from Lambda in a Python environment is to use the [boto3 DynamoDB client](https://boto3.amazonaws.com/v1/documentation/api/latest/reference/services/dynamodb.html). In this guide you will learn how to interact with a DynamoDB database from a Lambda function using the Python runtime.
diff --git a/src/pages/guides/functions/graphql-from-lambda/q/platform/[platform].mdx b/src/pages/guides/functions/graphql-from-lambda/q/platform/[platform].mdx
index 83d2fb106a4..6c0779ddc6c 100644
--- a/src/pages/guides/functions/graphql-from-lambda/q/platform/[platform].mdx
+++ b/src/pages/guides/functions/graphql-from-lambda/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Calling GraphQL API from a Lambda function`,
   description: `How to interact with a GraphQL API from a Lambda function`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/lib/graphqlapi/graphql-from-node.mdx";
diff --git a/src/pages/guides/functions/graphql-server-in-lambda/q/platform/[platform].mdx b/src/pages/guides/functions/graphql-server-in-lambda/q/platform/[platform].mdx
index 28ca2c279e3..16ea5bf5ba0 100644
--- a/src/pages/guides/functions/graphql-server-in-lambda/q/platform/[platform].mdx
+++ b/src/pages/guides/functions/graphql-server-in-lambda/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `GraphQL Server in Lambda`,
   description: `How to run an Apollo GraphQL server in a Lambda function`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide you will learn how to run a GraphQL server in a Lambda function. In this example you will be using [Apollo Server](https://www.apollographql.com/docs/) and [Apollo Server Lambda](https://github.com/apollographql/apollo-server/tree/master/packages/apollo-server-lambda), but you can use any server implementation you would like.
diff --git a/src/pages/guides/functions/integrating-dynamodb-with-lambda/q/platform/[platform].mdx b/src/pages/guides/functions/integrating-dynamodb-with-lambda/q/platform/[platform].mdx
index d41a0f52263..a1ed3510f86 100644
--- a/src/pages/guides/functions/integrating-dynamodb-with-lambda/q/platform/[platform].mdx
+++ b/src/pages/guides/functions/integrating-dynamodb-with-lambda/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Integrating DynamoDB with Lambda`,
   description: `How to integrate a DynamoDB table with a Lambda function`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In this guide you will learn how to do three things:
diff --git a/src/pages/guides/hosting/custom-domains/q/platform/[platform].mdx b/src/pages/guides/hosting/custom-domains/q/platform/[platform].mdx
index 8b8e464448a..33905c14328 100644
--- a/src/pages/guides/hosting/custom-domains/q/platform/[platform].mdx
+++ b/src/pages/guides/hosting/custom-domains/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Custom Domains`,
   description: `How to enable a custom domain name using Amplify hosting`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/hosting/custom-domains.mdx";
diff --git a/src/pages/guides/hosting/gatsby/q/platform/[platform].mdx b/src/pages/guides/hosting/gatsby/q/platform/[platform].mdx
index 5dab7a9c87d..b1d31418594 100644
--- a/src/pages/guides/hosting/gatsby/q/platform/[platform].mdx
+++ b/src/pages/guides/hosting/gatsby/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Gatsby`,
   description: `How to deploy a Gatsby site to Amplify Console Hosting`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/hosting/gatsby.mdx";
diff --git a/src/pages/guides/hosting/git-based-deployments/q/platform/[platform].mdx b/src/pages/guides/hosting/git-based-deployments/q/platform/[platform].mdx
index 81a47d0e1e4..7a270f04b4e 100644
--- a/src/pages/guides/hosting/git-based-deployments/q/platform/[platform].mdx
+++ b/src/pages/guides/hosting/git-based-deployments/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Git-based deployments`,
   description: `How to deploy a static site to Amplify hosting using a Git repo`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/hosting/git-based-deployments.mdx";
diff --git a/src/pages/guides/hosting/gridsome/q/platform/[platform].mdx b/src/pages/guides/hosting/gridsome/q/platform/[platform].mdx
index 487ed8d87c4..4884e251ea1 100644
--- a/src/pages/guides/hosting/gridsome/q/platform/[platform].mdx
+++ b/src/pages/guides/hosting/gridsome/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Gridsome`,
   description: `How to deploy a Gridsome site to Amplify Console Hosting`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/hosting/gridsome.mdx";
diff --git a/src/pages/guides/hosting/local-deployments/q/platform/[platform].mdx b/src/pages/guides/hosting/local-deployments/q/platform/[platform].mdx
index 81f3749f3ca..8bd678c9e2b 100644
--- a/src/pages/guides/hosting/local-deployments/q/platform/[platform].mdx
+++ b/src/pages/guides/hosting/local-deployments/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Local deployments`,
   description: `How to deploy a static site to Amplify hosting using a local project`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/hosting/local-deployments.mdx";
diff --git a/src/pages/guides/hosting/nextjs/q/platform/[platform].mdx b/src/pages/guides/hosting/nextjs/q/platform/[platform].mdx
index 2836d48feee..2435d88c092 100644
--- a/src/pages/guides/hosting/nextjs/q/platform/[platform].mdx
+++ b/src/pages/guides/hosting/nextjs/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Next.js`,
   description: `How to deploy a Next.js Site to Amplify Hosting`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/hosting/nextjs.mdx";
diff --git a/src/pages/guides/hosting/nuxt/q/platform/[platform].mdx b/src/pages/guides/hosting/nuxt/q/platform/[platform].mdx
index cf4d948a94d..52efff0ebab 100644
--- a/src/pages/guides/hosting/nuxt/q/platform/[platform].mdx
+++ b/src/pages/guides/hosting/nuxt/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Nuxt.js`,
   description: `How to deploy a Nuxt site to Amplify Console Hosting`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/hosting/nuxt.mdx";
diff --git a/src/pages/guides/hosting/password-protected-deployments/q/platform/[platform].mdx b/src/pages/guides/hosting/password-protected-deployments/q/platform/[platform].mdx
index 5a636b8a18c..72aca25dc05 100644
--- a/src/pages/guides/hosting/password-protected-deployments/q/platform/[platform].mdx
+++ b/src/pages/guides/hosting/password-protected-deployments/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Password protected deployments`,
   description: `How to enable password-protection for your Amplify web deployments`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/hosting/password-protected-deployments.mdx";
diff --git a/src/pages/guides/hosting/pull-request-previews/q/platform/[platform].mdx b/src/pages/guides/hosting/pull-request-previews/q/platform/[platform].mdx
index c23afc555fe..85d527b01d9 100644
--- a/src/pages/guides/hosting/pull-request-previews/q/platform/[platform].mdx
+++ b/src/pages/guides/hosting/pull-request-previews/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Pull-request previews`,
   description: `How to enable pull-request previews with Amplify hosting`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/guides/hosting/pull-request-previews.mdx";
diff --git a/src/pages/guides/hosting/vite/q/platform/[platform].mdx b/src/pages/guides/hosting/vite/q/platform/[platform].mdx
index 92e3b590c87..031146aaf28 100644
--- a/src/pages/guides/hosting/vite/q/platform/[platform].mdx
+++ b/src/pages/guides/hosting/vite/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Vite`,
-  description: `How to deploy a Vite site to Amplify Hosting`
+  description: `How to deploy a Vite site to Amplify Hosting`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/guides/hosting/vite.mdx';
diff --git a/src/pages/guides/index.mdx b/src/pages/guides/index.mdx
new file mode 100644
index 00000000000..92d8ccd8f4b
--- /dev/null
+++ b/src/pages/guides/index.mdx
@@ -0,0 +1,12 @@
+import ChooseFilterPage from '@/components/ChooseFilterPage';
+
+import { PLATFORM_FILTER_OPTIONS } from '@/utils/filter-data.ts';
+
+<ChooseFilterPage
+  directoryPath="/ChooseFilterPage"
+  address="/guides"
+  filterKind="platform"
+  filters={PLATFORM_FILTER_OPTIONS}
+  currentFilter="all"
+  message={`Please select one of the following:`}
+/>
diff --git a/src/pages/guides/q/platform/[platform].mdx b/src/pages/guides/q/platform/[platform].mdx
index 2efc82c3551..f18442ae3a2 100644
--- a/src/pages/guides/q/platform/[platform].mdx
+++ b/src/pages/guides/q/platform/[platform].mdx
@@ -2,7 +2,25 @@ export const meta = {
   title: `Guides`,
   description: `The Amplify Command Line Interface (CLI) is a unified toolchain to create, integrate, and manage the AWS cloud services for your app. The CLI is category-based with best practices built in. `,
   disableTOC: `true`,
-  filterKey: `platform`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 Amplify guides are meant to give you a more in-depth understanding of how to use the Amplify CLI, libraries, and hosting to build out common functionality, end-to-end solutions, and frequently asked for workflows.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index d1b6ee969e8..837d268e018 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,6 +1,6 @@
 import { Grid } from 'theme-ui';
 import Head from 'next/head';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 import Hero from '../components/Hero';
 import LandingHeroCTA from '../components/LandingHeroCTA';
@@ -28,8 +28,12 @@ const meta = {
 };
 
 const Page = () => {
+  const [isMounted, setIsMounted] = useState(false);
+
   useEffect(() => {
     trackPageVisit();
+
+    setIsMounted(true);
   }, []);
 
   return (
@@ -78,7 +82,7 @@ const Page = () => {
         socialLinks={SOCIAL_LINKS as NavMenuItem[]}
         currentSite={'Docs'}
       />
-      <SecondaryNav />
+      {isMounted ? <SecondaryNav /> : <></>}
       <Hero>
         <h1 className="font-weight-300">Amplify Documentation</h1>
         <p>
diff --git a/src/pages/lib-v1/analytics/autotrack/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/autotrack/q/platform/[platform].mdx
index 4b2a8b6b7a9..4a18e0c698e 100644
--- a/src/pages/lib-v1/analytics/autotrack/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/autotrack/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Automatically track sessions`,
-  description: `The Amplify analytics plugin records when an application opens and closes. This session information can be viewed either from your local computer’s terminal or the AWS Console for Pinpoint.`
+  description: `The Amplify analytics plugin records when an application opens and closes. This session information can be viewed either from your local computer’s terminal or the AWS Console for Pinpoint.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/analytics/create-custom-plugin/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/create-custom-plugin/q/platform/[platform].mdx
index 5be0eaeeed4..3de54235440 100644
--- a/src/pages/lib-v1/analytics/create-custom-plugin/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/create-custom-plugin/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Create a custom plugin`,
-  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`
+  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/analytics/enable-disable/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/enable-disable/q/platform/[platform].mdx
index dea2fa76031..5bc1703e6c7 100644
--- a/src/pages/lib-v1/analytics/enable-disable/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/enable-disable/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Enable/Disable Analytics`,
-  description: `Learn how to enable/disable analytics using Amplify.`
+  description: `Learn how to enable/disable analytics using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/analytics/escapehatch/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/escapehatch/q/platform/[platform].mdx
index 7da72864c48..f526deb4b91 100644
--- a/src/pages/lib-v1/analytics/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
   description: `For advanced use cases where Amplify does not provide the functionality, you can retrieve the escape hatch to access the AWSPinpoint instance.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/analytics/existing-resources/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/existing-resources/q/platform/[platform].mdx
index 33cbb778775..c835fbadfe0 100644
--- a/src/pages/lib-v1/analytics/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing AWS resources`,
-  description: `Configure the Amplify Libraries to use existing Amazon Pinpoint resources by referencing them in your configuration.`
+  description: `Configure the Amplify Libraries to use existing Amazon Pinpoint resources by referencing them in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/analytics/getting-started/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/getting-started/q/platform/[platform].mdx
index 2fc420135c3..451ee0432b7 100644
--- a/src/pages/lib-v1/analytics/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`
+  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/analytics/identifyuser/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/identifyuser/q/platform/[platform].mdx
index f656f188819..167a31df759 100644
--- a/src/pages/lib-v1/analytics/identifyuser/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/identifyuser/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Identify user`,
-  description: `Use the Amplify analytics plugin to inform Pinpoint about your users.`
+  description: `Use the Amplify analytics plugin to inform Pinpoint about your users.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 <!-- TODO Find out how to identify a user with JS and RN -->
diff --git a/src/pages/lib-v1/analytics/personalize/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/personalize/q/platform/[platform].mdx
index 244b70aa879..d17e8c77211 100644
--- a/src/pages/lib-v1/analytics/personalize/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/personalize/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Personalized recommendations`,
   description: `Amazon Personalize can create recommendations by using event data, historical data, or a combination of both. The event data can then be used to create recommendations.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/analytics/record/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/record/q/platform/[platform].mdx
index 1afbaf1a225..533a32ddce5 100644
--- a/src/pages/lib-v1/analytics/record/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/record/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Record events`,
-  description: `Learn how to record analytics events using Amplify.`
+  description: `Learn how to record analytics events using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/analytics/storing/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/storing/q/platform/[platform].mdx
index ebf62a4b6a6..fc39da9cb2d 100644
--- a/src/pages/lib-v1/analytics/storing/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/storing/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Storing analytics data`,
-  description: `The Amazon Kinesis Firehose analytics provider allows you to send analytics data to an Amazon Kinesis Firehose stream for reliably storing data.`
+  description: `The Amazon Kinesis Firehose analytics provider allows you to send analytics data to an Amazon Kinesis Firehose stream for reliably storing data.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/analytics/streaming/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/streaming/q/platform/[platform].mdx
index de1ac5b9e6d..2020e6fc50a 100644
--- a/src/pages/lib-v1/analytics/streaming/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/streaming/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Streaming analytics data`,
-  description: `The Amazon Kinesis analytics provider allows you to send analytics data to an Amazon Kinesis stream for real-time processing.`
+  description: `The Amazon Kinesis analytics provider allows you to send analytics data to an Amazon Kinesis stream for real-time processing.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/analytics/update-endpoint/q/platform/[platform].mdx b/src/pages/lib-v1/analytics/update-endpoint/q/platform/[platform].mdx
index f64c99cecd6..79eb03cf4cd 100644
--- a/src/pages/lib-v1/analytics/update-endpoint/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/analytics/update-endpoint/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Update Endpoint`,
-  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`
+  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/auth/access_credentials/q/platform/[platform].mdx b/src/pages/lib-v1/auth/access_credentials/q/platform/[platform].mdx
index 546569d4763..dac7525ebba 100644
--- a/src/pages/lib-v1/auth/access_credentials/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/access_credentials/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Accessing credentials`,
-  description: `Use AWS Cognito Auth plugin to access auth credentials`
+  description: `Use AWS Cognito Auth plugin to access auth credentials`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/advanced/q/platform/[platform].mdx b/src/pages/lib-v1/auth/advanced/q/platform/[platform].mdx
index 2df545ae41f..cf7f964f05f 100644
--- a/src/pages/lib-v1/auth/advanced/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/advanced/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Advanced workflows`,
   description: `Learn more about advanced workflows in the Amplify auth category. This includes subscribing to events, identity pool federation, auth-related Lambda triggers and working with AWS service objects.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/auth/auth-events/q/platform/[platform].mdx b/src/pages/lib-v1/auth/auth-events/q/platform/[platform].mdx
index 0e6c8f5ba24..156a02118c2 100644
--- a/src/pages/lib-v1/auth/auth-events/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/auth-events/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Auth events`,
-  description: `Listen to various auth events`
+  description: `Listen to various auth events`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 AWS Cognito Auth Plugin sends important events through Amplify Hub.
diff --git a/src/pages/lib-v1/auth/customui/q/platform/[platform].mdx b/src/pages/lib-v1/auth/customui/q/platform/[platform].mdx
index e7446909025..1a63921264b 100644
--- a/src/pages/lib-v1/auth/customui/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/customui/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Customize UI components`,
   description: `Learn how to customize the Amplify auth UI components.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/auth/delete_user/q/platform/[platform].mdx b/src/pages/lib-v1/auth/delete_user/q/platform/[platform].mdx
index 2ea7d7ffbaa..7127b75dcbf 100644
--- a/src/pages/lib-v1/auth/delete_user/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/delete_user/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Delete user`,
-  description: `Delete a user`
+  description: `Delete a user`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/device_features/q/platform/[platform].mdx b/src/pages/lib-v1/auth/device_features/q/platform/[platform].mdx
index 128b45e1d6f..f08ba9b6803 100644
--- a/src/pages/lib-v1/auth/device_features/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/device_features/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Remember a device`,
-  description: `You can use the device related features of Amazon Cognito UserPools by enabling the Devices features. Go to your Cognito UserPool, click on Devices in Left Navigation Menu and chose one of User Opt In or Always.`
+  description: `You can use the device related features of Amazon Cognito UserPools by enabling the Devices features. Go to your Cognito UserPool, click on Devices in Left Navigation Menu and chose one of User Opt In or Always.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/emailpassword/q/platform/[platform].mdx b/src/pages/lib-v1/auth/emailpassword/q/platform/[platform].mdx
index dea6972012f..dd7bf20bb7b 100644
--- a/src/pages/lib-v1/auth/emailpassword/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/emailpassword/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Sign up, Sign in & Sign out`,
   description: `Learn how to use Amplify's sign up, sign in and sign out APIs.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/auth/escapehatch/q/platform/[platform].mdx b/src/pages/lib-v1/auth/escapehatch/q/platform/[platform].mdx
index 421e355b9b8..230b2863fef 100644
--- a/src/pages/lib-v1/auth/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
   description: `Underlying service`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/existing-resources/q/platform/[platform].mdx b/src/pages/lib-v1/auth/existing-resources/q/platform/[platform].mdx
index 718c06ec7ec..97891018a91 100644
--- a/src/pages/lib-v1/auth/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing Amazon Cognito resources`,
   description: `Configure the Amplify Libraries to use existing Amazon Cognito resources by referencing them in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/getting-started/q/platform/[platform].mdx b/src/pages/lib-v1/auth/getting-started/q/platform/[platform].mdx
index 354d6add84e..071650eeb03 100644
--- a/src/pages/lib-v1/auth/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `Amplify uses Amazon Cognito as the main authentication provider. Learn how to handle user registration, authentication, account recovery & other operations.`
+  description: `Amplify uses Amazon Cognito as the main authentication provider. Learn how to handle user registration, authentication, account recovery & other operations.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/guest_access/q/platform/[platform].mdx b/src/pages/lib-v1/auth/guest_access/q/platform/[platform].mdx
index 04c1e10c088..a7f48122aeb 100644
--- a/src/pages/lib-v1/auth/guest_access/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/guest_access/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Guest access`,
-  description: `Access services without needing to sign in.`
+  description: `Access services without needing to sign in.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/manageusers/q/platform/[platform].mdx b/src/pages/lib-v1/auth/manageusers/q/platform/[platform].mdx
index 2082719ba42..f24e701a9e6 100644
--- a/src/pages/lib-v1/auth/manageusers/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/manageusers/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Password & user management`,
   description: `Learn more about how to handle common password and user management scenarios. E.g. password reset, account recovery etc.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/auth/managing_credentials/q/platform/[platform].mdx b/src/pages/lib-v1/auth/managing_credentials/q/platform/[platform].mdx
index d699138bb98..64f150c1fbf 100644
--- a/src/pages/lib-v1/auth/managing_credentials/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/managing_credentials/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Managing credentials`,
-  description: `Learn how to customize credential storage.`
+  description: `Learn how to customize credential storage.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter_maintenance from '/src/fragments/lib-v1/flutter-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/mfa/q/platform/[platform].mdx b/src/pages/lib-v1/auth/mfa/q/platform/[platform].mdx
index 2ba6d6d7732..8d025d2060b 100644
--- a/src/pages/lib-v1/auth/mfa/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/mfa/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Multi-factor authentication`,
   description: `Learn how to enable multi-factor authentication with Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/auth/overview/q/platform/[platform].mdx b/src/pages/lib-v1/auth/overview/q/platform/[platform].mdx
index 71e98cd497b..3e444b4f77b 100644
--- a/src/pages/lib-v1/auth/overview/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/overview/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Under the hood`,
   description: `Learn more about the foundational auth concepts for cloud-based application and how they work with Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/password_management/q/platform/[platform].mdx b/src/pages/lib-v1/auth/password_management/q/platform/[platform].mdx
index de34e910913..c14abfff807 100644
--- a/src/pages/lib-v1/auth/password_management/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/password_management/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Password management`,
-  description: `Use AWS Cognito Auth plugin to update or reset user password`
+  description: `Use AWS Cognito Auth plugin to update or reset user password`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/signOut/q/platform/[platform].mdx b/src/pages/lib-v1/auth/signOut/q/platform/[platform].mdx
index cecf9e2563b..a1981257de5 100644
--- a/src/pages/lib-v1/auth/signOut/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/signOut/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sign out`,
-  description: `SignOut a user`
+  description: `SignOut a user`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/signin/q/platform/[platform].mdx b/src/pages/lib-v1/auth/signin/q/platform/[platform].mdx
index 2c5c78d6e96..6a8685f2ae0 100644
--- a/src/pages/lib-v1/auth/signin/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/signin/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sign in`,
-  description: `Use AWS Cognito Auth plugin to sign in a user into AWS Cognito User Pool`
+  description: `Use AWS Cognito Auth plugin to sign in a user into AWS Cognito User Pool`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/signin_next_steps/q/platform/[platform].mdx b/src/pages/lib-v1/auth/signin_next_steps/q/platform/[platform].mdx
index 562ee65fbfe..c55ba067cf6 100644
--- a/src/pages/lib-v1/auth/signin_next_steps/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/signin_next_steps/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sign in next steps`,
   description: `Use AWS Cognito Auth plugin to complete a multi step authentication flow`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/signin_web_ui/q/platform/[platform].mdx b/src/pages/lib-v1/auth/signin_web_ui/q/platform/[platform].mdx
index d781d499340..10b6d30e6a7 100644
--- a/src/pages/lib-v1/auth/signin_web_ui/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/signin_web_ui/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sign in with web UI`,
-  description: `Use AWS Cognito Auth plugin to register and authenticate a user with a prebuilt web UI`
+  description: `Use AWS Cognito Auth plugin to register and authenticate a user with a prebuilt web UI`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/signin_with_custom_flow/q/platform/[platform].mdx b/src/pages/lib-v1/auth/signin_with_custom_flow/q/platform/[platform].mdx
index ca0975bc9f5..15c697f8454 100644
--- a/src/pages/lib-v1/auth/signin_with_custom_flow/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/signin_with_custom_flow/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sign in with custom flow`,
-  description: `Use AWS Cognito Auth plugin to sign in a user into AWS Cognito User Pool using user defined custom flow`
+  description: `Use AWS Cognito Auth plugin to sign in a user into AWS Cognito User Pool using user defined custom flow`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/sms_flows/q/platform/[platform].mdx b/src/pages/lib-v1/auth/sms_flows/q/platform/[platform].mdx
index a076bb67ebe..6f319e88ae7 100644
--- a/src/pages/lib-v1/auth/sms_flows/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/sms_flows/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `SMS flows`,
-  description: `Using phone numbers for sign-in and verification`
+  description: `Using phone numbers for sign-in and verification`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter_maintenance from '/src/fragments/lib-v1/flutter-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/social/q/platform/[platform].mdx b/src/pages/lib-v1/auth/social/q/platform/[platform].mdx
index cca980f7699..dfe047958d7 100644
--- a/src/pages/lib-v1/auth/social/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/social/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Social sign-in (OAuth)`,
-  description: `Learn how to setup social sign-in providers like Facebook, Google, Amazon, or Sign in with Apple.`
+  description: `Learn how to setup social sign-in providers like Facebook, Google, Amazon, or Sign in with Apple.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/auth/start/q/platform/[platform].mdx b/src/pages/lib-v1/auth/start/q/platform/[platform].mdx
index 07468ff6b10..36a6b63923e 100644
--- a/src/pages/lib-v1/auth/start/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/start/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Create or re-use existing backend`,
   description: `Learn more about how to create an auth resource or re-use an existing auth backend for Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/auth/switch-auth/q/platform/[platform].mdx b/src/pages/lib-v1/auth/switch-auth/q/platform/[platform].mdx
index 4984fc43e34..ec2914814a5 100644
--- a/src/pages/lib-v1/auth/switch-auth/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/switch-auth/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Switching authentication flows`,
   description: `Learn more about how to switch between different auth flows in Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/auth/user-attributes/q/platform/[platform].mdx b/src/pages/lib-v1/auth/user-attributes/q/platform/[platform].mdx
index 90a65c59b92..bcd4ab34d4f 100644
--- a/src/pages/lib-v1/auth/user-attributes/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/auth/user-attributes/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `User attributes`,
-  description: `Access and update user attributes`
+  description: `Access and update user attributes`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/advanced-workflows/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/advanced-workflows/q/platform/[platform].mdx
index 2aacfda834a..e193f774c08 100644
--- a/src/pages/lib-v1/datastore/advanced-workflows/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/advanced-workflows/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Advanced workflows`,
-  description: `Learn more about advanced workflows in the Amplify DataStore category, including custom primary keys.`
+  description: `Learn more about advanced workflows in the Amplify DataStore category, including custom primary keys.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter_maintenance from '/src/fragments/lib-v1/flutter-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/auth-model/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/auth-model/q/platform/[platform].mdx
index 17766c0fa1f..a8f5fb10bb7 100644
--- a/src/pages/lib-v1/datastore/auth-model/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/auth-model/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Models with authorization`,
   description: `Learn more about how DataStore handles Models with finer grain authorization access checks.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/conflict/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/conflict/q/platform/[platform].mdx
index 0bbb6bc2eba..3faa3eebc43 100644
--- a/src/pages/lib-v1/datastore/conflict/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/conflict/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Conflict resolution`,
-  description: `Learn more about how conflict resolution in DataStore is managed and how to configure it.`
+  description: `Learn more about how conflict resolution in DataStore is managed and how to configure it.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/data-access/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/data-access/q/platform/[platform].mdx
index f239c27fa98..46e444c7b92 100644
--- a/src/pages/lib-v1/datastore/data-access/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/data-access/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Manipulating data`,
-  description: `Learn how to save, query, paginate, update, delete and observe data in DataStore.`
+  description: `Learn how to save, query, paginate, update, delete and observe data in DataStore.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/datastore-events/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/datastore-events/q/platform/[platform].mdx
index 19c8598b38b..c2e7da6b12e 100644
--- a/src/pages/lib-v1/datastore/datastore-events/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/datastore-events/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `DataStore Events`,
-  description: `Listening to DataStore events`
+  description: `Listening to DataStore events`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/examples/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/examples/q/platform/[platform].mdx
index b9f46f1b958..1bd4f9a8a4c 100644
--- a/src/pages/lib-v1/datastore/examples/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/examples/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Examples`,
   description: `Full examples and resources using Amplify DataStore.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/datastore/getting-started/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/getting-started/q/platform/[platform].mdx
index dbdf0eaab4f..7dcd771facf 100644
--- a/src/pages/lib-v1/datastore/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `Amplify DataStore provides a programming model for leveraging shared and distributed data without writing additional code for offline and online scenarios, which makes working with distributed, cross-user data just as simple as working with local-only data.`
+  description: `Amplify DataStore provides a programming model for leveraging shared and distributed data without writing additional code for offline and online scenarios, which makes working with distributed, cross-user data just as simple as working with local-only data.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/how-it-works/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/how-it-works/q/platform/[platform].mdx
index 80b7e29e625..45789f96c5e 100644
--- a/src/pages/lib-v1/datastore/how-it-works/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/how-it-works/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `How it works`,
-  description: `Amplify DataStore provides a persistent on-device storage repository for you to write, read, and observe changes to data if you are online or offline, and seamlessly sync to the cloud as well as across devices. Learn more about how it works.`
+  description: `Amplify DataStore provides a persistent on-device storage repository for you to write, read, and observe changes to data if you are online or offline, and seamlessly sync to the cloud as well as across devices. Learn more about how it works.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/other-methods/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/other-methods/q/platform/[platform].mdx
index 2930e39b4a7..0ba221305ea 100644
--- a/src/pages/lib-v1/datastore/other-methods/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/other-methods/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Other methods`,
-  description: `Other Amplify DataStore methods`
+  description: `Other Amplify DataStore methods`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/real-time/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/real-time/q/platform/[platform].mdx
index a60b0813c7d..934f291ab32 100644
--- a/src/pages/lib-v1/datastore/real-time/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/real-time/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Real time`,
-  description: `Learn more about how DataStore handles data changes in real-time.`
+  description: `Learn more about how DataStore handles data changes in real-time.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/relational/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/relational/q/platform/[platform].mdx
index c4ac34f3bca..f57acf765be 100644
--- a/src/pages/lib-v1/datastore/relational/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/relational/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Relational models`,
-  description: `Learn more about how DataStore handles relationships between Models, such as "has one", "has many", "belongs to".`
+  description: `Learn more about how DataStore handles relationships between Models, such as "has one", "has many", "belongs to".`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/schema-updates/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/schema-updates/q/platform/[platform].mdx
index e529cfc21ea..54e8cc1b8a2 100644
--- a/src/pages/lib-v1/datastore/schema-updates/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/schema-updates/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Schema updates`,
-  description: `Learn more about how to issue schema updates for DataStore`
+  description: `Learn more about how to issue schema updates for DataStore`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/setup-auth-rules/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/setup-auth-rules/q/platform/[platform].mdx
index 2d9377255d1..fc960fc0265 100644
--- a/src/pages/lib-v1/datastore/setup-auth-rules/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/setup-auth-rules/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Setup authorization rules`,
-  description: `Learn how to apply authorization rules to your models with the @auth directive`
+  description: `Learn how to apply authorization rules to your models with the @auth directive`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/datastore/sync/q/platform/[platform].mdx b/src/pages/lib-v1/datastore/sync/q/platform/[platform].mdx
index 865b92ba627..a26c4386e85 100644
--- a/src/pages/lib-v1/datastore/sync/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/datastore/sync/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Syncing data to cloud`,
-  description: `Learn more about how DataStore connects to an AppSync backend and automatically syncs all locally saved data using GraphQL.`
+  description: `Learn more about how DataStore connects to an AppSync backend and automatically syncs all locally saved data using GraphQL.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/debugging/dev-menu/q/platform/[platform].mdx b/src/pages/lib-v1/debugging/dev-menu/q/platform/[platform].mdx
index e4afb5b978d..dccc5a117b8 100644
--- a/src/pages/lib-v1/debugging/dev-menu/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/debugging/dev-menu/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Developer Menu`,
   description: `Amplify developer menu helps you quickly file GitHub issues with critical information (environment and device information) automatically added to the issue description. Learn how to setup, activate, and use the developer menu.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/geo/escapehatch/q/platform/[platform].mdx b/src/pages/lib-v1/geo/escapehatch/q/platform/[platform].mdx
index d3fec5a09ed..6fbe2f1e8c7 100644
--- a/src/pages/lib-v1/geo/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/geo/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
   description: `For specialized use cases where Amplify does not provide the functionality, you can use the escape hatch to access a low-level client instance for Amazon Location Service.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/geo/existing-resources/q/platform/[platform].mdx b/src/pages/lib-v1/geo/existing-resources/q/platform/[platform].mdx
index 9a54cf1396a..83f6339d692 100644
--- a/src/pages/lib-v1/geo/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/geo/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing Amazon Location Service resources`,
   description: `Configure Amplify Geo to use existing Amazon Location Service resources by referencing them in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/geo/geofences/q/platform/[platform].mdx b/src/pages/lib-v1/geo/geofences/q/platform/[platform].mdx
index 0ab587f6f6a..3c22cdc44c7 100644
--- a/src/pages/lib-v1/geo/geofences/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/geo/geofences/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Geofences`,
-  description: `The Amplify Geo category`
+  description: `The Amplify Geo category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/geo/getting-started/q/platform/[platform].mdx b/src/pages/lib-v1/geo/getting-started/q/platform/[platform].mdx
index 8086dcd10a2..c5cf0665e35 100644
--- a/src/pages/lib-v1/geo/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/geo/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
   description: `AWS Amplify Geo module provides a simple way to get map data, search for places, and reverse geocoding.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/geo/google-migration/q/platform/[platform].mdx b/src/pages/lib-v1/geo/google-migration/q/platform/[platform].mdx
index bb6bf18c4bc..e6ca3aa510e 100644
--- a/src/pages/lib-v1/geo/google-migration/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/geo/google-migration/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Migrating from Google Maps`,
-  description: `Migrate applications from Google Maps to Amplify Geo`
+  description: `Migrate applications from Google Maps to Amplify Geo`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/geo/maps/q/platform/[platform].mdx b/src/pages/lib-v1/geo/maps/q/platform/[platform].mdx
index 243e04210fe..0aab70822d2 100644
--- a/src/pages/lib-v1/geo/maps/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/geo/maps/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Maps`,
   description: `The Amplify Geo category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/geo/search/q/platform/[platform].mdx b/src/pages/lib-v1/geo/search/q/platform/[platform].mdx
index e6e9bb616f1..c9be79f87d5 100644
--- a/src/pages/lib-v1/geo/search/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/geo/search/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Location Search`,
   description: `The Amplify Geo category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/graphqlapi/advanced-workflows/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/advanced-workflows/q/platform/[platform].mdx
index 8f980d5057c..80bb54743e3 100644
--- a/src/pages/lib-v1/graphqlapi/advanced-workflows/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/advanced-workflows/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Advanced Workflows`,
-  description: `Learn more about advanced workflows in Amplify's API category`
+  description: `Learn more about advanced workflows in Amplify's API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/graphqlapi/authz/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/authz/q/platform/[platform].mdx
index 2a2d6cf7a90..17d21bf8082 100644
--- a/src/pages/lib-v1/graphqlapi/authz/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/authz/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Configure authorization modes`,
-  description: `Learn more about how to configure authorization modes in Amplify's API category`
+  description: `Learn more about how to configure authorization modes in Amplify's API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/graphqlapi/cancel-request/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/cancel-request/q/platform/[platform].mdx
index 93971bf199c..0ebec8a732d 100644
--- a/src/pages/lib-v1/graphqlapi/cancel-request/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/cancel-request/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Cancel API requests`,
   description: `Learn more about how to cancel query or mutation requests with Amplify's GraphQL API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/graphqlapi/concepts/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/concepts/q/platform/[platform].mdx
index 025a7de4001..c4e5277ea08 100644
--- a/src/pages/lib-v1/graphqlapi/concepts/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/concepts/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Concepts`,
-  description: `Learn more about the foundation concepts of Amplify's API category.`
+  description: `Learn more about the foundation concepts of Amplify's API category.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/graphqlapi/create-or-re-use-existing-backend/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/create-or-re-use-existing-backend/q/platform/[platform].mdx
index 659ba09a1b2..e568e900493 100644
--- a/src/pages/lib-v1/graphqlapi/create-or-re-use-existing-backend/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/create-or-re-use-existing-backend/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Create or re-use existing backend`,
   description: `Learn more about how to create or re-use an existing API backend resource in Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/graphqlapi/existing-resources/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/existing-resources/q/platform/[platform].mdx
index 441570a15a1..0cac40b4415 100644
--- a/src/pages/lib-v1/graphqlapi/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing AWS resources`,
-  description: `Configure the Amplify Libraries to use existing AWS AppSync resources by referencing them in your configuration.`
+  description: `Configure the Amplify Libraries to use existing AWS AppSync resources by referencing them in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/graphqlapi/getting-started/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/getting-started/q/platform/[platform].mdx
index 7f56f73801e..c0bc774dc8a 100644
--- a/src/pages/lib-v1/graphqlapi/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `Learn more about how to get started with Amplify's API category`
+  description: `Learn more about how to get started with Amplify's API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/graphqlapi/graphql-from-nodejs/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/graphql-from-nodejs/q/platform/[platform].mdx
index c72fb115f56..985b4bfdc79 100644
--- a/src/pages/lib-v1/graphqlapi/graphql-from-nodejs/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/graphql-from-nodejs/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `GraphQL from NodeJS`,
   description: `Learn more about how to call an AppSync GraphQL API from a NodeJS app or a Lambda function`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/graphqlapi/mutate-data/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/mutate-data/q/platform/[platform].mdx
index 2ad17196af5..d814a58a166 100644
--- a/src/pages/lib-v1/graphqlapi/mutate-data/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/mutate-data/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Create, update, delete data`,
-  description: `Learn more about how to create and update data using GraphQL APIs in Amplify`
+  description: `Learn more about how to create and update data using GraphQL APIs in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/graphqlapi/offline/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/offline/q/platform/[platform].mdx
index 918394333c3..bc24cd4495e 100644
--- a/src/pages/lib-v1/graphqlapi/offline/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/offline/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Offline scenarios`,
-  description: `Learn more about how to support offline scenarios with Amplify's GraphQL API category`
+  description: `Learn more about how to support offline scenarios with Amplify's GraphQL API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter_maintenance from '/src/fragments/lib-v1/flutter-maintenance.mdx';
diff --git a/src/pages/lib-v1/graphqlapi/query-data/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/query-data/q/platform/[platform].mdx
index 51785ad0c36..7d1b8a8309b 100644
--- a/src/pages/lib-v1/graphqlapi/query-data/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/query-data/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Fetch data`,
-  description: `Learn more about how to fetch data using Amplify's GraphQL API category`
+  description: `Learn more about how to fetch data using Amplify's GraphQL API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/graphqlapi/subscribe-data/q/platform/[platform].mdx b/src/pages/lib-v1/graphqlapi/subscribe-data/q/platform/[platform].mdx
index 6bd7489e0df..7eebea8f67c 100644
--- a/src/pages/lib-v1/graphqlapi/subscribe-data/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/graphqlapi/subscribe-data/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Subscribe to data`,
-  description: `Learn more about how to observe to data changes using subscriptions in Amplify.`
+  description: `Learn more about how to observe to data changes using subscriptions in Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/index.mdx b/src/pages/lib-v1/index.mdx
new file mode 100644
index 00000000000..6db8b6eb3fb
--- /dev/null
+++ b/src/pages/lib-v1/index.mdx
@@ -0,0 +1,12 @@
+import ChooseFilterPage from '@/components/ChooseFilterPage';
+
+import { PLATFORM_FILTER_OPTIONS } from '@/utils/filter-data.ts';
+
+<ChooseFilterPage
+  directoryPath="/ChooseFilterPage"
+  address="/lib-v1"
+  filterKind="platform"
+  filters={PLATFORM_FILTER_OPTIONS}
+  currentFilter="all"
+  message={`Please select one of the following:`}
+/>
diff --git a/src/pages/lib-v1/info/app-uninstall/q/platform/[platform].mdx b/src/pages/lib-v1/info/app-uninstall/q/platform/[platform].mdx
index 184f6e51080..cce4e20605a 100644
--- a/src/pages/lib-v1/info/app-uninstall/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/info/app-uninstall/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Uninstalling the app`,
   description: `Learn about the data that gets stored persistently on a device.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/info/overview/q/platform/[platform].mdx b/src/pages/lib-v1/info/overview/q/platform/[platform].mdx
index c8395747263..be949277c91 100644
--- a/src/pages/lib-v1/info/overview/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/info/overview/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Data Information`,
   description: `Information regarding the data collected by the library`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/interactions/chatbot/q/platform/[platform].mdx b/src/pages/lib-v1/interactions/chatbot/q/platform/[platform].mdx
deleted file mode 100644
index 9692f17382b..00000000000
--- a/src/pages/lib-v1/interactions/chatbot/q/platform/[platform].mdx
+++ /dev/null
@@ -1,4 +0,0 @@
-export const meta = {
-  title: `Interact with bots`,
-  description: `Learn more about how to integrate chat bot interactions into your application using Amplify.`,
-};
\ No newline at end of file
diff --git a/src/pages/lib-v1/predictions/escapehatch/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/escapehatch/q/platform/[platform].mdx
index e4c50613811..1ef46ec9e66 100644
--- a/src/pages/lib-v1/predictions/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
   description: `For any of the AWS services behind predictions, you can use the SDK object to get access to any methods we are not calling on your behalf by using an escape hatch.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/predictions/getting-started/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/getting-started/q/platform/[platform].mdx
index 6d3a03c24e1..38fedb70a2b 100644
--- a/src/pages/lib-v1/predictions/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
   description: `Get started with integrating ML capabilities into your application using Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/predictions/identify-entity/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/identify-entity/q/platform/[platform].mdx
index 5e3b3cd9ac4..32b7909811b 100644
--- a/src/pages/lib-v1/predictions/identify-entity/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/identify-entity/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Identify entities from images`,
   description: `Learn more about how to identify entities from an image using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/predictions/identify-text/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/identify-text/q/platform/[platform].mdx
index 978e812a4c6..3d0130849da 100644
--- a/src/pages/lib-v1/predictions/identify-text/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/identify-text/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Identify text`,
   description: `Learn more about how to identify text from images and documents in your application using AWS Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/predictions/interpret/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/interpret/q/platform/[platform].mdx
index 631d88315b9..8dc899410fe 100644
--- a/src/pages/lib-v1/predictions/interpret/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/interpret/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Interpret sentiment`,
   description: `Learn more about how to determine key phrases, sentiment, language, syntax, and entities from text using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/predictions/intro/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/intro/q/platform/[platform].mdx
index f4041b8ea28..4cca8cbb275 100644
--- a/src/pages/lib-v1/predictions/intro/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/intro/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Overview`,
   description: `The Predictions category enables you to integrate machine learning in your application without any prior machine learning experience. The Predictions category comes with built-in support for both online and offline use cases.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/predictions/label-image/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/label-image/q/platform/[platform].mdx
index 0988b3cfe0a..7a868b8c1fd 100644
--- a/src/pages/lib-v1/predictions/label-image/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/label-image/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Label objects in image`,
   description: `Learn more about how to detect labels in an image using Amplify. For example you can detect if an image has objects such as chairs, desks etc.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/predictions/sample/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/sample/q/platform/[platform].mdx
index 2808d193af4..c5fb3a8cdc7 100644
--- a/src/pages/lib-v1/predictions/sample/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/sample/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Example`,
   description: `Sample code for Amplify's predictions category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/predictions/text-speech/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/text-speech/q/platform/[platform].mdx
index caae3991e02..eb50e726c5d 100644
--- a/src/pages/lib-v1/predictions/text-speech/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/text-speech/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Text to speech`,
   description: `Learn more about how to integrate text-to-speech capabilities into your application using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/predictions/transcribe/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/transcribe/q/platform/[platform].mdx
index 73fd0d0b83e..f36a62c116c 100644
--- a/src/pages/lib-v1/predictions/transcribe/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/transcribe/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Transcribe audio to text`,
   description: `Learn more about how to transcribe audio to text (also known as speech-to-text) for your application using Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/predictions/translate/q/platform/[platform].mdx b/src/pages/lib-v1/predictions/translate/q/platform/[platform].mdx
index def89c37cbe..cb60ea9ce6c 100644
--- a/src/pages/lib-v1/predictions/translate/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/predictions/translate/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Translate language`,
   description: `Learn more about how to integrate translation capabilities for your application using Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/project-setup/async/q/platform/[platform].mdx b/src/pages/lib-v1/project-setup/async/q/platform/[platform].mdx
index caca6de1c48..886119213e4 100644
--- a/src/pages/lib-v1/project-setup/async/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/project-setup/async/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Async Programming Model`,
   description: `Amplify Android uses an asynchronous programming model`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/project-setup/combine/q/platform/[platform].mdx b/src/pages/lib-v1/project-setup/combine/q/platform/[platform].mdx
index 0e76549274b..a5890cd45c8 100644
--- a/src/pages/lib-v1/project-setup/combine/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/project-setup/combine/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Using Combine with Amplify`,
   description: `Amplify's support for Apple's Combine framework`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/project-setup/coroutines/q/platform/[platform].mdx b/src/pages/lib-v1/project-setup/coroutines/q/platform/[platform].mdx
index 02e9151c6a6..f3dd9dc3fb0 100644
--- a/src/pages/lib-v1/project-setup/coroutines/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/project-setup/coroutines/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Kotlin Coroutines Support`,
   description: `Amplify Android includes first-class support for Kotlin Coroutines and Flows.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/project-setup/create-application/q/platform/[platform].mdx b/src/pages/lib-v1/project-setup/create-application/q/platform/[platform].mdx
index 5e4663e901d..754ca77decf 100644
--- a/src/pages/lib-v1/project-setup/create-application/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/project-setup/create-application/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Create your application`,
-  description: `Project setup for Amplify prior to adding category specific example.`
+  description: `Project setup for Amplify prior to adding category specific example.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/project-setup/escape-hatch/q/platform/[platform].mdx b/src/pages/lib-v1/project-setup/escape-hatch/q/platform/[platform].mdx
index 4ac2280c823..60e640b64bb 100644
--- a/src/pages/lib-v1/project-setup/escape-hatch/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/project-setup/escape-hatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
-  description: `Advanced use cases in Amplify Flutter`
+  description: `Advanced use cases in Amplify Flutter`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter_maintenance from '/src/fragments/lib-v1/flutter-maintenance.mdx';
diff --git a/src/pages/lib-v1/project-setup/null-safety/q/platform/[platform].mdx b/src/pages/lib-v1/project-setup/null-safety/q/platform/[platform].mdx
index f1909f2450b..2258e63c113 100644
--- a/src/pages/lib-v1/project-setup/null-safety/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/project-setup/null-safety/q/platform/[platform].mdx
@@ -1,5 +1,24 @@
 export const meta = {
   title: `Null safety`,
   description: `Using Dart null safety with amplify-flutter`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
diff --git a/src/pages/lib-v1/project-setup/platform-setup/q/platform/[platform].mdx b/src/pages/lib-v1/project-setup/platform-setup/q/platform/[platform].mdx
index f0a76f6ae86..db766f5ba29 100644
--- a/src/pages/lib-v1/project-setup/platform-setup/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/project-setup/platform-setup/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Platform Setup`,
-  description: `Instructions for platform-specific configurations needed for amplify-flutter`
+  description: `Instructions for platform-specific configurations needed for amplify-flutter`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter_maintenance from '/src/fragments/lib-v1/flutter-maintenance.mdx';
diff --git a/src/pages/lib-v1/project-setup/prereq/q/platform/[platform].mdx b/src/pages/lib-v1/project-setup/prereq/q/platform/[platform].mdx
index 68910104375..6fce507e463 100644
--- a/src/pages/lib-v1/project-setup/prereq/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/project-setup/prereq/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Prerequisites`,
-  description: `Project Setup with Amplify - Prerequisites`
+  description: `Project Setup with Amplify - Prerequisites`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/project-setup/rxjava/q/platform/[platform].mdx b/src/pages/lib-v1/project-setup/rxjava/q/platform/[platform].mdx
index 9b10c56b91e..0425930bd4d 100644
--- a/src/pages/lib-v1/project-setup/rxjava/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/project-setup/rxjava/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Using RxJava with Amplify`,
   description: `Amplify Android has first-class support for Reactive Extensions / RxJava.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/project-setup/use-existing-resources/q/platform/[platform].mdx b/src/pages/lib-v1/project-setup/use-existing-resources/q/platform/[platform].mdx
index 60f7d5b897e..910adb65760 100644
--- a/src/pages/lib-v1/project-setup/use-existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/project-setup/use-existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing AWS resources`,
   description: `Add existing AWS resources to an application without the CLI.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/push-notifications/getting-started/q/platform/[platform].mdx b/src/pages/lib-v1/push-notifications/getting-started/q/platform/[platform].mdx
deleted file mode 100644
index 08b08e60de9..00000000000
--- a/src/pages/lib-v1/push-notifications/getting-started/q/platform/[platform].mdx
+++ /dev/null
@@ -1,4 +0,0 @@
-export const meta = {
-  title: `Getting started`,
-  description: `Use of Push Notifications of Amplify`,
-};
diff --git a/src/pages/lib-v1/push-notifications/working-with-api/q/platform/[platform].mdx b/src/pages/lib-v1/push-notifications/working-with-api/q/platform/[platform].mdx
deleted file mode 100644
index 7542eccfdb5..00000000000
--- a/src/pages/lib-v1/push-notifications/working-with-api/q/platform/[platform].mdx
+++ /dev/null
@@ -1,4 +0,0 @@
-export const meta = {
-  title: `Working with API`,
-  description: `Breakdown of using the Push Notifications API in Amplify`,
-};
diff --git a/src/pages/lib-v1/q/platform/[platform].mdx b/src/pages/lib-v1/q/platform/[platform].mdx
index 92d5bd97eca..aba4dae3bee 100644
--- a/src/pages/lib-v1/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/q/platform/[platform].mdx
@@ -3,7 +3,25 @@ export const meta = {
   description:
     'The Amplify open-source client libraries provide use-case centric, opinionated, declarative, and easy-to-use interfaces across different categories of cloud powered operations enabling mobile and web developers to easily interact with their backends. ',
   disableTOC: 'true',
-  filterKey: 'platform'
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/restapi/authz/q/platform/[platform].mdx b/src/pages/lib-v1/restapi/authz/q/platform/[platform].mdx
index d4b7b4cae3b..ef37341022b 100644
--- a/src/pages/lib-v1/restapi/authz/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/restapi/authz/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Define authorization rules`,
-  description: `Learn more about how to define authorization rules for Amplify's REST API capabilities`
+  description: `Learn more about how to define authorization rules for Amplify's REST API capabilities`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/restapi/cancel/q/platform/[platform].mdx b/src/pages/lib-v1/restapi/cancel/q/platform/[platform].mdx
index c17f6c4cdfb..e64577eab0c 100644
--- a/src/pages/lib-v1/restapi/cancel/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/restapi/cancel/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Cancel API requests`,
   description: `Using the Cancel API in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/restapi/delete/q/platform/[platform].mdx b/src/pages/lib-v1/restapi/delete/q/platform/[platform].mdx
index 505239fc5b4..61a7180bfd5 100644
--- a/src/pages/lib-v1/restapi/delete/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/restapi/delete/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Deleting data`,
-  description: `Using the Delete API REST in Amplify`
+  description: `Using the Delete API REST in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/restapi/existing-resources/q/platform/[platform].mdx b/src/pages/lib-v1/restapi/existing-resources/q/platform/[platform].mdx
index d3f8e59beb2..d87d7492b6e 100644
--- a/src/pages/lib-v1/restapi/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/restapi/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing AWS resources`,
-  description: `Configure the Amplify Libraries to use existing Amazon API Gateway resources by referencing them in your configuration.`
+  description: `Configure the Amplify Libraries to use existing Amazon API Gateway resources by referencing them in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/restapi/fetch/q/platform/[platform].mdx b/src/pages/lib-v1/restapi/fetch/q/platform/[platform].mdx
index c8b1249789a..c431e354bb1 100644
--- a/src/pages/lib-v1/restapi/fetch/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/restapi/fetch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Fetching data`,
-  description: `Using the GET API REST in Amplify`
+  description: `Using the GET API REST in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/restapi/getting-started/q/platform/[platform].mdx b/src/pages/lib-v1/restapi/getting-started/q/platform/[platform].mdx
index ac32f300094..1356135655d 100644
--- a/src/pages/lib-v1/restapi/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/restapi/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `The API category provides a solution for making HTTP requests to REST and GraphQL endpoints. The REST API category can be used for creating signed requests against Amazon API Gateway when the API Gateway Authorization is set to AWS_IAM.`
+  description: `The API category provides a solution for making HTTP requests to REST and GraphQL endpoints. The REST API category can be used for creating signed requests against Amazon API Gateway when the API Gateway Authorization is set to AWS_IAM.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/restapi/update/q/platform/[platform].mdx b/src/pages/lib-v1/restapi/update/q/platform/[platform].mdx
index d89d5326e5e..fb672c27a94 100644
--- a/src/pages/lib-v1/restapi/update/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/restapi/update/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Updating data`,
-  description: `Using Post, Put, etc. in Amplify`
+  description: `Using Post, Put, etc. in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/storage/autotrack/q/platform/[platform].mdx b/src/pages/lib-v1/storage/autotrack/q/platform/[platform].mdx
index b7f63bc3f4a..354d9f22c46 100644
--- a/src/pages/lib-v1/storage/autotrack/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/autotrack/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Automatically track events`,
   description: `You can enable automatic tracking of Storage Events such as uploads and downloads. Enabling this will automatically send Storage Events to Amazon Pinpoint and you will be able to see them within the AWS Pinpoint Console under Custom Events. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/storage/cancel-requests/q/platform/[platform].mdx b/src/pages/lib-v1/storage/cancel-requests/q/platform/[platform].mdx
index 51f51b901c3..3b886c6eee9 100644
--- a/src/pages/lib-v1/storage/cancel-requests/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/cancel-requests/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Cancel requests`,
   description: `Cancel an in-flight get or put requests from Storage`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/storage/configureaccess/q/platform/[platform].mdx b/src/pages/lib-v1/storage/configureaccess/q/platform/[platform].mdx
index 159aa5d5ca4..beca558da5e 100644
--- a/src/pages/lib-v1/storage/configureaccess/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/configureaccess/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `File access levels`,
-  description: `Learn about configuring different access levels in Amplify Storage. Objects can be public, protected, or private.`
+  description: `Learn about configuring different access levels in Amplify Storage. Objects can be public, protected, or private.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/storage/copy/q/platform/[platform].mdx b/src/pages/lib-v1/storage/copy/q/platform/[platform].mdx
index c1659675314..dd9541ff9a5 100644
--- a/src/pages/lib-v1/storage/copy/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/copy/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Copy files`,
   description: `Learn more about how to copy files using Amplify's storage category.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
diff --git a/src/pages/lib-v1/storage/download/q/platform/[platform].mdx b/src/pages/lib-v1/storage/download/q/platform/[platform].mdx
index 06fdb0890e7..d11c148ff0c 100644
--- a/src/pages/lib-v1/storage/download/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/download/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Download files`,
-  description: `Learn more about how to download / retrieve files using the Storage category of Amplify`
+  description: `Learn more about how to download / retrieve files using the Storage category of Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/storage/escapehatch/q/platform/[platform].mdx b/src/pages/lib-v1/storage/escapehatch/q/platform/[platform].mdx
index fda851bb52c..1fd22c8dd09 100644
--- a/src/pages/lib-v1/storage/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
   description: `For specialized use cases where Amplify does not provide the functionality, you can use the escape hatch to access an AWSS3 low-level client instance. The returned AWSS3 instance is already configured with your access credentials.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/storage/existing-resources/q/platform/[platform].mdx b/src/pages/lib-v1/storage/existing-resources/q/platform/[platform].mdx
index 6a72dbb7d12..80ce50f721b 100644
--- a/src/pages/lib-v1/storage/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing AWS resources`,
-  description: `Configure the Amplify Libraries to use an existing Amazon S3 bucket by referencing it in your configuration.`
+  description: `Configure the Amplify Libraries to use an existing Amazon S3 bucket by referencing it in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/storage/getting-started/q/platform/[platform].mdx b/src/pages/lib-v1/storage/getting-started/q/platform/[platform].mdx
index bc207b52b8a..b846e0d9e9b 100644
--- a/src/pages/lib-v1/storage/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `The Amplify Storage category provides a simple mechanism for managing user content for your app in public, protected, or private storage buckets. The Amplify AWS S3 Storage plugin leverages Amazon S3.`
+  description: `The Amplify Storage category provides a simple mechanism for managing user content for your app in public, protected, or private storage buckets. The Amplify AWS S3 Storage plugin leverages Amazon S3.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/storage/list/q/platform/[platform].mdx b/src/pages/lib-v1/storage/list/q/platform/[platform].mdx
index ab9336f5320..9ef2ba950e0 100644
--- a/src/pages/lib-v1/storage/list/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/list/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `List files`,
-  description: `Learn more about how to list all of the uploaded objects using Amplify's storage category.`
+  description: `Learn more about how to list all of the uploaded objects using Amplify's storage category.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/storage/overview/q/platform/[platform].mdx b/src/pages/lib-v1/storage/overview/q/platform/[platform].mdx
index ed6f4b857fa..a20a6fedb19 100644
--- a/src/pages/lib-v1/storage/overview/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/overview/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Concepts`,
-  description: `Learn more about the foundational storage concepts for cloud-based application and how they work with Amplify.`
+  description: `Learn more about the foundational storage concepts for cloud-based application and how they work with Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter_maintenance from '/src/fragments/lib-v1/flutter-maintenance.mdx';
diff --git a/src/pages/lib-v1/storage/remove/q/platform/[platform].mdx b/src/pages/lib-v1/storage/remove/q/platform/[platform].mdx
index 567b2e7e9a0..075116085d4 100644
--- a/src/pages/lib-v1/storage/remove/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/remove/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Remove files`,
-  description: `Learn more about how to remove files using Amplify's storage category`
+  description: `Learn more about how to remove files using Amplify's storage category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/storage/triggers/q/platform/[platform].mdx b/src/pages/lib-v1/storage/triggers/q/platform/[platform].mdx
index e6f38d450b7..6c9c8790a07 100644
--- a/src/pages/lib-v1/storage/triggers/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/triggers/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Lambda triggers`,
-  description: `Learn more about how to enable triggers for the Storage Category with Amazon S3 & Amazon DynamoDB as Providers. The CLI supports associating Lambda triggers with S3 and DynamoDB events. `
+  description: `Learn more about how to enable triggers for the Storage Category with Amazon S3 & Amazon DynamoDB as Providers. The CLI supports associating Lambda triggers with S3 and DynamoDB events. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter_maintenance from '/src/fragments/lib-v1/flutter-maintenance.mdx';
diff --git a/src/pages/lib-v1/storage/upload/q/platform/[platform].mdx b/src/pages/lib-v1/storage/upload/q/platform/[platform].mdx
index 50c4d4c87ab..5050bdfb54b 100644
--- a/src/pages/lib-v1/storage/upload/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/storage/upload/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Upload files`,
-  description: `Learn more about how to upload files using Amplify's storage category`
+  description: `Learn more about how to upload files using Amplify's storage category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios_maintenance from '/src/fragments/lib-v1/ios-maintenance.mdx';
diff --git a/src/pages/lib-v1/troubleshooting/upgrading/q/platform/[platform].mdx b/src/pages/lib-v1/troubleshooting/upgrading/q/platform/[platform].mdx
index 9e58d8a6cda..a7ecc604807 100644
--- a/src/pages/lib-v1/troubleshooting/upgrading/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/troubleshooting/upgrading/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Upgrading Amplify packages  `,
-  description: `Upgrading Amplify packages `
+  description: `Upgrading Amplify packages `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter1 from '/src/fragments/lib-v1/troubleshooting/flutter/upgrading.mdx';
diff --git a/src/pages/lib-v1/utilities/cache/q/platform/[platform].mdx b/src/pages/lib-v1/utilities/cache/q/platform/[platform].mdx
index 435da188ef0..6875779290a 100644
--- a/src/pages/lib-v1/utilities/cache/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/utilities/cache/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Cache`,
   description: `The Amplify Cache module provides a generic LRU cache for JavaScript developers to store data with priority and expiration settings.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/utilities/hub/q/platform/[platform].mdx b/src/pages/lib-v1/utilities/hub/q/platform/[platform].mdx
index 614148123e3..6a8e7742451 100644
--- a/src/pages/lib-v1/utilities/hub/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/utilities/hub/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Hub`,
   description: `Amplify has a local eventing system called Hub. It is a lightweight implementation of Publisher-Subscriber pattern, and is used to share data between modules and components in your app. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android_maintenance from '/src/fragments/lib-v1/android-maintenance.mdx';
diff --git a/src/pages/lib-v1/utilities/i18n/q/platform/[platform].mdx b/src/pages/lib-v1/utilities/i18n/q/platform/[platform].mdx
index a0b0ccdb6b8..7945a9521ca 100644
--- a/src/pages/lib-v1/utilities/i18n/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/utilities/i18n/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Internationalization`,
   description: `The AWS Amplify I18n module is a lightweight internationalization solution.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/utilities/logger/q/platform/[platform].mdx b/src/pages/lib-v1/utilities/logger/q/platform/[platform].mdx
index 5cf02b4cdbb..0c519cdddf6 100644
--- a/src/pages/lib-v1/utilities/logger/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/utilities/logger/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Logger`,
   description: `AWS Amplify writes console logs through Logger. You can use Logger in your apps for the same purpose.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib-v1/utilities/serviceworker/q/platform/[platform].mdx b/src/pages/lib-v1/utilities/serviceworker/q/platform/[platform].mdx
index 180b638194a..4bc4a77dfb5 100644
--- a/src/pages/lib-v1/utilities/serviceworker/q/platform/[platform].mdx
+++ b/src/pages/lib-v1/utilities/serviceworker/q/platform/[platform].mdx
@@ -1,4 +1,23 @@
 export const meta = {
   title: `Service Worker`,
   description: `AWS Amplify ServiceWorker class enables registering a service worker in the browser and communicating with it via postMessage events, so that you can create rich offline experiences with Push APIs and analytics.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
\ No newline at end of file
diff --git a/src/pages/lib/analytics/autotrack/q/platform/[platform].mdx b/src/pages/lib/analytics/autotrack/q/platform/[platform].mdx
index 635cbfd5d07..f311a8044aa 100644
--- a/src/pages/lib/analytics/autotrack/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/autotrack/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Automatically track sessions`,
-  description: `The Amplify analytics plugin records when an application opens and closes. This session information can be viewed either from your local computer’s terminal or the AWS Console for Pinpoint.`
+  description: `The Amplify analytics plugin records when an application opens and closes. This session information can be viewed either from your local computer’s terminal or the AWS Console for Pinpoint.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 <!-- TODO_ double check what the session tracking API possibilities are for iOS/Flutter/Android -->
diff --git a/src/pages/lib/analytics/create-custom-plugin/q/platform/[platform].mdx b/src/pages/lib/analytics/create-custom-plugin/q/platform/[platform].mdx
index a4c97f6ef16..10bfff17861 100644
--- a/src/pages/lib/analytics/create-custom-plugin/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/create-custom-plugin/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Create a custom plugin`,
-  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`
+  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/analytics/js/create-custom-plugin.mdx';
diff --git a/src/pages/lib/analytics/enable-disable/q/platform/[platform].mdx b/src/pages/lib/analytics/enable-disable/q/platform/[platform].mdx
index a694b9cc91f..6c105c6f0a9 100644
--- a/src/pages/lib/analytics/enable-disable/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/enable-disable/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Enable/Disable Analytics`,
-  description: `Learn how to enable/disable analytics using Amplify.`
+  description: `Learn how to enable/disable analytics using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 ## Disable Analytics
diff --git a/src/pages/lib/analytics/escapehatch/q/platform/[platform].mdx b/src/pages/lib/analytics/escapehatch/q/platform/[platform].mdx
index 2e47beb866e..45ba2ab3282 100644
--- a/src/pages/lib/analytics/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
   description: `For advanced use cases where Amplify does not provide the functionality, you can retrieve the escape hatch to access the AWSPinpoint instance.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/analytics/ios/escapehatch.mdx";
diff --git a/src/pages/lib/analytics/existing-resources/q/platform/[platform].mdx b/src/pages/lib/analytics/existing-resources/q/platform/[platform].mdx
index 85e86d40240..89f8c3f7afb 100644
--- a/src/pages/lib/analytics/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing AWS resources`,
-  description: `Configure the Amplify Libraries to use existing Amazon Pinpoint resources by referencing them in your configuration.`
+  description: `Configure the Amplify Libraries to use existing Amazon Pinpoint resources by referencing them in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from '/src/fragments/lib/analytics/android/existing-resources.mdx';
diff --git a/src/pages/lib/analytics/getting-started/q/platform/[platform].mdx b/src/pages/lib/analytics/getting-started/q/platform/[platform].mdx
index a5ac42332fa..cd35ee02b70 100644
--- a/src/pages/lib/analytics/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`
+  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/analytics/native_common/getting-started/common.mdx';
diff --git a/src/pages/lib/analytics/identifyuser/q/platform/[platform].mdx b/src/pages/lib/analytics/identifyuser/q/platform/[platform].mdx
index 32fc4f20e47..ba627be20f0 100644
--- a/src/pages/lib/analytics/identifyuser/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/identifyuser/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Identify user`,
-  description: `Use the Amplify analytics plugin to inform Pinpoint about your users.`
+  description: `Use the Amplify analytics plugin to inform Pinpoint about your users.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 <!-- TODO Find out how to identify a user with JS and RN -->
diff --git a/src/pages/lib/analytics/personalize/q/platform/[platform].mdx b/src/pages/lib/analytics/personalize/q/platform/[platform].mdx
index bebb7e17b77..614d6f25d02 100644
--- a/src/pages/lib/analytics/personalize/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/personalize/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Personalized recommendations`,
   description: `Amazon Personalize can create recommendations by using event data, historical data, or a combination of both. The event data can then be used to create recommendations.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/analytics/js/personalize.mdx";
diff --git a/src/pages/lib/analytics/record/q/platform/[platform].mdx b/src/pages/lib/analytics/record/q/platform/[platform].mdx
index dd2a6de08b2..81bbc0b4b05 100644
--- a/src/pages/lib/analytics/record/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/record/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Record events`,
-  description: `Learn how to record analytics events using Amplify.`
+  description: `Learn how to record analytics events using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/analytics/js/record.mdx';
diff --git a/src/pages/lib/analytics/storing/q/platform/[platform].mdx b/src/pages/lib/analytics/storing/q/platform/[platform].mdx
index fb35b37042d..14e2f073e5a 100644
--- a/src/pages/lib/analytics/storing/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/storing/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Storing analytics data`,
-  description: `The Amazon Kinesis Firehose analytics provider allows you to send analytics data to an Amazon Kinesis Firehose stream for reliably storing data.`
+  description: `The Amazon Kinesis Firehose analytics provider allows you to send analytics data to an Amazon Kinesis Firehose stream for reliably storing data.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/analytics/js/storing.mdx';
diff --git a/src/pages/lib/analytics/streaming/q/platform/[platform].mdx b/src/pages/lib/analytics/streaming/q/platform/[platform].mdx
index fb99afd5afc..1d95b58297d 100644
--- a/src/pages/lib/analytics/streaming/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/streaming/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Streaming analytics data`,
-  description: `The Amazon Kinesis analytics provider allows you to send analytics data to an Amazon Kinesis stream for real-time processing.`
+  description: `The Amazon Kinesis analytics provider allows you to send analytics data to an Amazon Kinesis stream for real-time processing.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/analytics/js/streaming.mdx';
diff --git a/src/pages/lib/analytics/update-endpoint/q/platform/[platform].mdx b/src/pages/lib/analytics/update-endpoint/q/platform/[platform].mdx
index 8d35c3ae05e..745d98710ba 100644
--- a/src/pages/lib/analytics/update-endpoint/q/platform/[platform].mdx
+++ b/src/pages/lib/analytics/update-endpoint/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Update Endpoint`,
-  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`
+  description: `The Analytics category enables you to collect analytics data for your app. The Analytics category comes with built-in support for Amazon Pinpoint and Amazon Kinesis (Kinesis support is currently only available in the Amplify JavaScript library). The Analytics category uses Amazon Cognito Identity pools to identify users in your App. Cognito allows you to receive data from authenticated, and unauthenticated users in your App.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/analytics/js/update-endpoint.mdx';
diff --git a/src/pages/lib/auth/access_credentials/q/platform/[platform].mdx b/src/pages/lib/auth/access_credentials/q/platform/[platform].mdx
index a1baa70c542..4729d216925 100644
--- a/src/pages/lib/auth/access_credentials/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/access_credentials/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Accessing credentials`,
   description: `Use AWS Cognito Auth plugin to access auth credentials`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/native_common/access_credentials/common.mdx";
diff --git a/src/pages/lib/auth/advanced/q/platform/[platform].mdx b/src/pages/lib/auth/advanced/q/platform/[platform].mdx
index 68b41a5ea32..9dcf57d4f8e 100644
--- a/src/pages/lib/auth/advanced/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/advanced/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Advanced workflows`,
   description: `Learn more about advanced workflows in the Amplify auth category. This includes subscribing to events, identity pool federation, auth-related Lambda triggers and working with AWS service objects.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/ios/advanced/advanced.mdx";
diff --git a/src/pages/lib/auth/auth-events/q/platform/[platform].mdx b/src/pages/lib/auth/auth-events/q/platform/[platform].mdx
index 1366cd7cc52..9a4bd9794aa 100644
--- a/src/pages/lib/auth/auth-events/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/auth-events/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Auth events`,
   description: `Listen to various auth events`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 AWS Cognito Auth Plugin sends important events through Amplify Hub.
diff --git a/src/pages/lib/auth/delete_user/q/platform/[platform].mdx b/src/pages/lib/auth/delete_user/q/platform/[platform].mdx
index 911bfa22b29..5a26363e147 100644
--- a/src/pages/lib/auth/delete_user/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/delete_user/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Delete user`,
-  description: `Delete a user`
+  description: `Delete a user`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/auth/native_common/delete_user/common.mdx';
diff --git a/src/pages/lib/auth/device_features/q/platform/[platform].mdx b/src/pages/lib/auth/device_features/q/platform/[platform].mdx
index 301f41ed9a4..12218ddf064 100644
--- a/src/pages/lib/auth/device_features/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/device_features/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Remember a device`,
   description: `You can use the device related features of Amazon Cognito UserPools by enabling the Devices features. Go to your Cognito UserPool, click on Devices in Left Navigation Menu and chose one of User Opt In or Always.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/auth/common/device_features/common.mdx";
diff --git a/src/pages/lib/auth/emailpassword/q/platform/[platform].mdx b/src/pages/lib/auth/emailpassword/q/platform/[platform].mdx
index 6db8592a484..3d033f129b5 100644
--- a/src/pages/lib/auth/emailpassword/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/emailpassword/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Enable sign-up, sign-in, and sign-out`,
   description: `Learn how to use Amplify's sign up, sign in and sign out APIs.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 <InlineFilter filters={["js" , "react-native"]}>
diff --git a/src/pages/lib/auth/escapehatch/q/platform/[platform].mdx b/src/pages/lib/auth/escapehatch/q/platform/[platform].mdx
index a1a6a3ad2a7..8da03c046c7 100644
--- a/src/pages/lib/auth/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
   description: `Underlying service`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/native_common/escape_hatch/common.mdx";
diff --git a/src/pages/lib/auth/existing-resources/q/platform/[platform].mdx b/src/pages/lib/auth/existing-resources/q/platform/[platform].mdx
index 6ebf029366b..c7ec86fecc6 100644
--- a/src/pages/lib/auth/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing Amazon Cognito resources`,
   description: `Configure the Amplify Libraries to use existing Amazon Cognito resources by referencing them in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from "/src/fragments/lib/auth/existing-resources.mdx";
diff --git a/src/pages/lib/auth/getting-started/q/platform/[platform].mdx b/src/pages/lib/auth/getting-started/q/platform/[platform].mdx
index 6fdacec54c5..173aca912e6 100644
--- a/src/pages/lib/auth/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Set up Amplify Auth`,
   description: `Amplify uses Amazon Cognito as the main authentication provider. Learn how to handle user registration, authentication, account recovery and other operations.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 <InlineFilter filters={["js"]}>
diff --git a/src/pages/lib/auth/guest_access/q/platform/[platform].mdx b/src/pages/lib/auth/guest_access/q/platform/[platform].mdx
index 4116b9109e3..6132451b520 100644
--- a/src/pages/lib/auth/guest_access/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/guest_access/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Guest access`,
   description: `Access services without needing to sign in.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/native_common/guest_access/common.mdx";
diff --git a/src/pages/lib/auth/manageusers/q/platform/[platform].mdx b/src/pages/lib/auth/manageusers/q/platform/[platform].mdx
index 4cf6d6cc498..03c96c57542 100644
--- a/src/pages/lib/auth/manageusers/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/manageusers/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Password & user management`,
   description: `Learn more about how to handle common password and user management scenarios. E.g. password reset, account recovery etc.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import manageUsers from "/src/fragments/lib/auth/js/manageusers.mdx";
diff --git a/src/pages/lib/auth/managing_credentials/q/platform/[platform].mdx b/src/pages/lib/auth/managing_credentials/q/platform/[platform].mdx
index dd9441077d7..c9e9a1c6026 100644
--- a/src/pages/lib/auth/managing_credentials/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/managing_credentials/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Managing credentials`,
   description: `Learn how to customize credential storage.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter0 from "/src/fragments/lib/auth/flutter/managing_credentials/10_managing_credentials.mdx";
diff --git a/src/pages/lib/auth/mfa/q/platform/[platform].mdx b/src/pages/lib/auth/mfa/q/platform/[platform].mdx
index c65900319cb..b2476ae6060 100644
--- a/src/pages/lib/auth/mfa/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/mfa/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Multi-factor authentication`,
   description: `Learn how to enable multi-factor authentication with Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/auth/js/mfa.mdx";
diff --git a/src/pages/lib/auth/overview/q/platform/[platform].mdx b/src/pages/lib/auth/overview/q/platform/[platform].mdx
index 1bca562f413..f62919bc598 100644
--- a/src/pages/lib/auth/overview/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/overview/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Under the hood`,
   description: `Learn more about the foundational auth concepts for cloud-based application and how they work with Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/auth/js/overview.mdx";
diff --git a/src/pages/lib/auth/password_management/q/platform/[platform].mdx b/src/pages/lib/auth/password_management/q/platform/[platform].mdx
index 0006f255d37..79615492d36 100644
--- a/src/pages/lib/auth/password_management/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/password_management/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Password management`,
   description: `Use AWS Cognito Auth plugin to update or reset user password`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/native_common/password_management/common.mdx";
diff --git a/src/pages/lib/auth/signOut/q/platform/[platform].mdx b/src/pages/lib/auth/signOut/q/platform/[platform].mdx
index 2d5851855d6..45a99b3c6a7 100644
--- a/src/pages/lib/auth/signOut/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/signOut/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sign out`,
   description: `SignOut a user`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/native_common/signout/common.mdx";
diff --git a/src/pages/lib/auth/signin/q/platform/[platform].mdx b/src/pages/lib/auth/signin/q/platform/[platform].mdx
index 6af5606ea47..7c3efec25cb 100644
--- a/src/pages/lib/auth/signin/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/signin/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sign in`,
   description: `Use AWS Cognito Auth plugin to sign in a user into AWS Cognito User Pool`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/native_common/signin/common.mdx";
diff --git a/src/pages/lib/auth/signin_next_steps/q/platform/[platform].mdx b/src/pages/lib/auth/signin_next_steps/q/platform/[platform].mdx
index 45b320ef971..492cb836c93 100644
--- a/src/pages/lib/auth/signin_next_steps/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/signin_next_steps/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sign in next steps`,
   description: `Use AWS Cognito Auth plugin to complete a multi step authentication flow`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/native_common/signin_next_steps/common.mdx";
diff --git a/src/pages/lib/auth/signin_web_ui/q/platform/[platform].mdx b/src/pages/lib/auth/signin_web_ui/q/platform/[platform].mdx
index 969b9f6a9ac..9db0374c783 100644
--- a/src/pages/lib/auth/signin_web_ui/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/signin_web_ui/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sign in with web UI`,
   description: `Use AWS Cognito Auth plugin to register and authenticate a user with a prebuilt web UI`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/native_common/signin_web_ui/common.mdx";
diff --git a/src/pages/lib/auth/signin_with_custom_flow/q/platform/[platform].mdx b/src/pages/lib/auth/signin_with_custom_flow/q/platform/[platform].mdx
index db9c0297008..40af4943006 100644
--- a/src/pages/lib/auth/signin_with_custom_flow/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/signin_with_custom_flow/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sign in with custom flow`,
-  description: `Use AWS Cognito Auth plugin to sign in a user into AWS Cognito User Pool using user defined custom flow`
+  description: `Use AWS Cognito Auth plugin to sign in a user into AWS Cognito User Pool using user defined custom flow`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/auth/native_common/signin_with_custom_flow/common.mdx';
diff --git a/src/pages/lib/auth/sms_flows/q/platform/[platform].mdx b/src/pages/lib/auth/sms_flows/q/platform/[platform].mdx
index ece32e2dc63..79e1bdc6eec 100644
--- a/src/pages/lib/auth/sms_flows/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/sms_flows/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `SMS flows`,
   description: `Using phone numbers for sign-in and verification`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter0 from "/src/fragments/lib/auth/common/sms/flows.mdx";
diff --git a/src/pages/lib/auth/social/q/platform/[platform].mdx b/src/pages/lib/auth/social/q/platform/[platform].mdx
index 747ea2b6b54..dce988d7881 100644
--- a/src/pages/lib/auth/social/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/social/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Social sign-in (OAuth)`,
   description: `Learn how to setup social sign-in providers like Facebook, Google, Amazon, or Sign in with Apple.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/auth/js/social.mdx";
diff --git a/src/pages/lib/auth/start/q/platform/[platform].mdx b/src/pages/lib/auth/start/q/platform/[platform].mdx
index 144d70dd299..941b0cd72ce 100644
--- a/src/pages/lib/auth/start/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/start/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Create or re-use existing backend`,
   description: `Learn more about how to create an auth resource or re-use an existing auth backend for Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/auth/js/start.mdx";
diff --git a/src/pages/lib/auth/switch-auth/q/platform/[platform].mdx b/src/pages/lib/auth/switch-auth/q/platform/[platform].mdx
index 9025b8a1840..804988cfba2 100644
--- a/src/pages/lib/auth/switch-auth/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/switch-auth/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Switching authentication flows`,
   description: `Learn more about how to switch between different auth flows in Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/ios/switch-auth/switch-auth.mdx";
diff --git a/src/pages/lib/auth/user-attributes/q/platform/[platform].mdx b/src/pages/lib/auth/user-attributes/q/platform/[platform].mdx
index 339c0ca9cd9..3fe55468f7a 100644
--- a/src/pages/lib/auth/user-attributes/q/platform/[platform].mdx
+++ b/src/pages/lib/auth/user-attributes/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `User attributes`,
   description: `Access and update user attributes`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/auth/native_common/user_attributes/common.mdx";
diff --git a/src/pages/lib/client-configuration/configuring-amplify-categories/q/platform/[platform].mdx b/src/pages/lib/client-configuration/configuring-amplify-categories/q/platform/[platform].mdx
index e372a28a5ea..e027bac0e7d 100644
--- a/src/pages/lib/client-configuration/configuring-amplify-categories/q/platform/[platform].mdx
+++ b/src/pages/lib/client-configuration/configuring-amplify-categories/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Configuring Amplify Categories`,
-  description: `Configuring the client `
+  description: `Configuring the client `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/client-configuration/js/js-configuration.mdx';
diff --git a/src/pages/lib/datastore/advanced-workflows/q/platform/[platform].mdx b/src/pages/lib/datastore/advanced-workflows/q/platform/[platform].mdx
index aa66ec098b0..1ed6d71cdab 100644
--- a/src/pages/lib/datastore/advanced-workflows/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/advanced-workflows/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Advanced workflows`,
   description: `Learn more about advanced workflows in the Amplify DataStore category, including custom primary keys.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/datastore/native_common/advanced-workflows.mdx";
diff --git a/src/pages/lib/datastore/auth-model/q/platform/[platform].mdx b/src/pages/lib/datastore/auth-model/q/platform/[platform].mdx
index 11eb7811b87..59160a402dd 100644
--- a/src/pages/lib/datastore/auth-model/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/auth-model/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Models with authorization`,
   description: `Learn more about how DataStore handles Models with finer grain authorization access checks.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 In order to configure fine grain authorization controls with DataStore, use the `@auth` directive to specify ownership and permissible operations (create, update, delete, read) on a specific type. More information can be found on the @auth directive in the [GraphQL Transformer documentation](/cli/graphql/authorization-rules).
diff --git a/src/pages/lib/datastore/conflict/q/platform/[platform].mdx b/src/pages/lib/datastore/conflict/q/platform/[platform].mdx
index 714ceccb61d..a8fc2467a9c 100644
--- a/src/pages/lib/datastore/conflict/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/conflict/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Conflict resolution`,
-  description: `Learn more about how conflict resolution in DataStore is managed and how to configure it.`
+  description: `Learn more about how conflict resolution in DataStore is managed and how to configure it.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/datastore/native_common/conflict.mdx';
diff --git a/src/pages/lib/datastore/data-access/q/platform/[platform].mdx b/src/pages/lib/datastore/data-access/q/platform/[platform].mdx
index 86a206835f9..60e9af90c19 100644
--- a/src/pages/lib/datastore/data-access/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/data-access/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Manipulating data`,
-  description: `Learn how to save, query, paginate, update, delete and observe data in DataStore.`
+  description: `Learn how to save, query, paginate, update, delete and observe data in DataStore.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/datastore/native_common/data-access.mdx';
diff --git a/src/pages/lib/datastore/datastore-events/q/platform/[platform].mdx b/src/pages/lib/datastore/datastore-events/q/platform/[platform].mdx
index bbf044cf535..f7da37cf285 100644
--- a/src/pages/lib/datastore/datastore-events/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/datastore-events/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `DataStore Events`,
-  description: `Listening to DataStore events`
+  description: `Listening to DataStore events`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 DataStore periodically publishes state notifications onto Amplify's Hub. You can subscribe to the Hub to gain insight into the internal state of the DataStore. Events are published when:
diff --git a/src/pages/lib/datastore/examples/q/platform/[platform].mdx b/src/pages/lib/datastore/examples/q/platform/[platform].mdx
index d788111c167..da1e8828072 100644
--- a/src/pages/lib/datastore/examples/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/examples/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Examples`,
-  description: `Full examples and resources using Amplify DataStore.`
+  description: `Full examples and resources using Amplify DataStore.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/datastore/js/examples.mdx';
diff --git a/src/pages/lib/datastore/getting-started/q/platform/[platform].mdx b/src/pages/lib/datastore/getting-started/q/platform/[platform].mdx
index d64e23b3ba0..7ef0ade901d 100644
--- a/src/pages/lib/datastore/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `Amplify DataStore provides a programming model for leveraging shared and distributed data without writing additional code for offline and online scenarios, which makes working with distributed, cross-user data just as simple as working with local-only data.`
+  description: `Amplify DataStore provides a programming model for leveraging shared and distributed data without writing additional code for offline and online scenarios, which makes working with distributed, cross-user data just as simple as working with local-only data.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/datastore/native_common/getting-started.mdx';
diff --git a/src/pages/lib/datastore/how-it-works/q/platform/[platform].mdx b/src/pages/lib/datastore/how-it-works/q/platform/[platform].mdx
index 03562b84f4d..a42b121f993 100644
--- a/src/pages/lib/datastore/how-it-works/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/how-it-works/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `How it works`,
-  description: `Amplify DataStore provides a persistent on-device storage repository for you to write, read, and observe changes to data if you are online or offline, and seamlessly sync to the cloud as well as across devices. Learn more about how it works.`
+  description: `Amplify DataStore provides a persistent on-device storage repository for you to write, read, and observe changes to data if you are online or offline, and seamlessly sync to the cloud as well as across devices. Learn more about how it works.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/datastore/native_common/how-it-works.mdx';
diff --git a/src/pages/lib/datastore/other-methods/q/platform/[platform].mdx b/src/pages/lib/datastore/other-methods/q/platform/[platform].mdx
index b8422f90853..4e79e1b3fef 100644
--- a/src/pages/lib/datastore/other-methods/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/other-methods/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Other methods`,
-  description: `Other Amplify DataStore methods`
+  description: `Other Amplify DataStore methods`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/datastore/js/other-methods.mdx';
diff --git a/src/pages/lib/datastore/real-time/q/platform/[platform].mdx b/src/pages/lib/datastore/real-time/q/platform/[platform].mdx
index 8ad319c862c..dcb064b397c 100644
--- a/src/pages/lib/datastore/real-time/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/real-time/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Real time`,
-  description: `Learn more about how DataStore handles data changes in real-time.`
+  description: `Learn more about how DataStore handles data changes in real-time.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/datastore/native_common/real-time.mdx';
diff --git a/src/pages/lib/datastore/relational/q/platform/[platform].mdx b/src/pages/lib/datastore/relational/q/platform/[platform].mdx
index 6e02d07adde..14e0196a81f 100644
--- a/src/pages/lib/datastore/relational/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/relational/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Relational models`,
-  description: `Learn more about how DataStore handles relationships between Models, such as "has one", "has many", "belongs to".`
+  description: `Learn more about how DataStore handles relationships between Models, such as "has one", "has many", "belongs to".`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import gqlv2callout from '/src/fragments/cli/gqlv2callout.mdx';
diff --git a/src/pages/lib/datastore/schema-updates/q/platform/[platform].mdx b/src/pages/lib/datastore/schema-updates/q/platform/[platform].mdx
index 0ca365195a6..ef39257e3f7 100644
--- a/src/pages/lib/datastore/schema-updates/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/schema-updates/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Schema updates`,
-  description: `Learn more about how to issue schema updates for DataStore`
+  description: `Learn more about how to issue schema updates for DataStore`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/datastore/native_common/schema-updates.mdx';
diff --git a/src/pages/lib/datastore/setup-auth-rules/q/platform/[platform].mdx b/src/pages/lib/datastore/setup-auth-rules/q/platform/[platform].mdx
index d5224e7db75..bce97309bfd 100644
--- a/src/pages/lib/datastore/setup-auth-rules/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/setup-auth-rules/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Setup authorization rules`,
-  description: `Learn how to apply authorization rules to your models with the @auth directive`
+  description: `Learn how to apply authorization rules to your models with the @auth directive`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/datastore/native_common/setup-auth-rules.mdx';
diff --git a/src/pages/lib/datastore/sync/q/platform/[platform].mdx b/src/pages/lib/datastore/sync/q/platform/[platform].mdx
index fc4e79c1a74..d1adf24d744 100644
--- a/src/pages/lib/datastore/sync/q/platform/[platform].mdx
+++ b/src/pages/lib/datastore/sync/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Syncing data to cloud`,
-  description: `Learn more about how DataStore connects to an AppSync backend and automatically syncs all locally saved data using GraphQL.`
+  description: `Learn more about how DataStore connects to an AppSync backend and automatically syncs all locally saved data using GraphQL.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/datastore/native_common/sync.mdx';
diff --git a/src/pages/lib/debugging/dev-menu/q/platform/[platform].mdx b/src/pages/lib/debugging/dev-menu/q/platform/[platform].mdx
index 184fbdadc52..4872049e9b0 100644
--- a/src/pages/lib/debugging/dev-menu/q/platform/[platform].mdx
+++ b/src/pages/lib/debugging/dev-menu/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Developer Menu`,
   description: `Amplify developer menu helps you quickly file GitHub issues with critical information (environment and device information) automatically added to the issue description. Learn how to setup, activate, and use the developer menu.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/debugging/native_common/dev-menu/common.mdx";
diff --git a/src/pages/lib/geo/device-tracking/q/platform/[platform].mdx b/src/pages/lib/geo/device-tracking/q/platform/[platform].mdx
index 50ff2b08450..1a38aaaeb20 100644
--- a/src/pages/lib/geo/device-tracking/q/platform/[platform].mdx
+++ b/src/pages/lib/geo/device-tracking/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Device Tracking`,
-  description: `The Amplify Geo category`
+  description: `The Amplify Geo category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/geo/native_common/device_tracking/common.mdx";
diff --git a/src/pages/lib/geo/escapehatch/q/platform/[platform].mdx b/src/pages/lib/geo/escapehatch/q/platform/[platform].mdx
index a60bfcba203..b5d58f0b06f 100644
--- a/src/pages/lib/geo/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib/geo/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
   description: `For specialized use cases where Amplify does not provide the functionality, you can use the escape hatch to access a low-level client instance for Amazon Location Service.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/geo/js/escapehatch.mdx";
diff --git a/src/pages/lib/geo/existing-resources/q/platform/[platform].mdx b/src/pages/lib/geo/existing-resources/q/platform/[platform].mdx
index 76ac603c223..fdb22abe177 100644
--- a/src/pages/lib/geo/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib/geo/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing Amazon Location Service resources`,
   description: `Configure Amplify Geo to use existing Amazon Location Service resources by referencing them in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/geo/existing-resources.mdx";
diff --git a/src/pages/lib/geo/geofences/q/platform/[platform].mdx b/src/pages/lib/geo/geofences/q/platform/[platform].mdx
index ead06fe5a9c..b1a795a02ac 100644
--- a/src/pages/lib/geo/geofences/q/platform/[platform].mdx
+++ b/src/pages/lib/geo/geofences/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Geofences`,
-  description: `The Amplify Geo category`
+  description: `The Amplify Geo category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/geo/js/geofences.mdx';
diff --git a/src/pages/lib/geo/getting-started/q/platform/[platform].mdx b/src/pages/lib/geo/getting-started/q/platform/[platform].mdx
index 4c204aabaa7..25928c7c480 100644
--- a/src/pages/lib/geo/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/geo/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
   description: `AWS Amplify Geo module provides a simple way to get map data, search for places, and reverse geocoding.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/geo/js/getting-started.mdx";
diff --git a/src/pages/lib/geo/google-migration/q/platform/[platform].mdx b/src/pages/lib/geo/google-migration/q/platform/[platform].mdx
index 37617dd43fd..03daaff3322 100644
--- a/src/pages/lib/geo/google-migration/q/platform/[platform].mdx
+++ b/src/pages/lib/geo/google-migration/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Migrating from Google Maps`,
-  description: `Migrate applications from Google Maps to Amplify Geo`
+  description: `Migrate applications from Google Maps to Amplify Geo`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/geo/js/google-migration.mdx';
diff --git a/src/pages/lib/geo/maps/q/platform/[platform].mdx b/src/pages/lib/geo/maps/q/platform/[platform].mdx
index df9b59f26ee..63738935e9a 100644
--- a/src/pages/lib/geo/maps/q/platform/[platform].mdx
+++ b/src/pages/lib/geo/maps/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Maps`,
   description: `The Amplify Geo category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/geo/js/maps.mdx";
diff --git a/src/pages/lib/geo/search/q/platform/[platform].mdx b/src/pages/lib/geo/search/q/platform/[platform].mdx
index 526e52fd486..d5ed122e494 100644
--- a/src/pages/lib/geo/search/q/platform/[platform].mdx
+++ b/src/pages/lib/geo/search/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Location Search`,
   description: `The Amplify Geo category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/geo/js/search.mdx";
diff --git a/src/pages/lib/graphqlapi/advanced-workflows/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/advanced-workflows/q/platform/[platform].mdx
index f6c8a7854c5..da315d752c2 100644
--- a/src/pages/lib/graphqlapi/advanced-workflows/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/advanced-workflows/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Advanced Workflows`,
-  description: `Learn more about advanced workflows in Amplify's API category`
+  description: `Learn more about advanced workflows in Amplify's API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js1 from '/src/fragments/lib/graphqlapi/js/delta-sync.mdx';
diff --git a/src/pages/lib/graphqlapi/authz/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/authz/q/platform/[platform].mdx
index 4531de9fa56..e493b23102c 100644
--- a/src/pages/lib/graphqlapi/authz/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/authz/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Configure authorization modes`,
-  description: `Learn more about how to configure authorization modes in Amplify's API category`
+  description: `Learn more about how to configure authorization modes in Amplify's API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/graphqlapi/native_common/authz/common.mdx';
diff --git a/src/pages/lib/graphqlapi/cancel-request/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/cancel-request/q/platform/[platform].mdx
index 04366b74a24..b831053bce0 100644
--- a/src/pages/lib/graphqlapi/cancel-request/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/cancel-request/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Cancel API requests`,
-  description: `Learn more about how to cancel query or mutation requests with Amplify's GraphQL API category`
+  description: `Learn more about how to cancel query or mutation requests with Amplify's GraphQL API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/graphqlapi/js/cancel-request.mdx';
diff --git a/src/pages/lib/graphqlapi/concepts/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/concepts/q/platform/[platform].mdx
index 20ce0f19354..56c0494e55f 100644
--- a/src/pages/lib/graphqlapi/concepts/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/concepts/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Concepts`,
-  description: `Learn more about the foundation concepts of Amplify's API category.`
+  description: `Learn more about the foundation concepts of Amplify's API category.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/graphqlapi/native_common/concepts.mdx';
diff --git a/src/pages/lib/graphqlapi/existing-resources/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/existing-resources/q/platform/[platform].mdx
index 7e842aead13..a9106ff6ab1 100644
--- a/src/pages/lib/graphqlapi/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing AWS resources`,
-  description: `Configure the Amplify Libraries to use existing AWS AppSync resources by referencing them in your configuration.`
+  description: `Configure the Amplify Libraries to use existing AWS AppSync resources by referencing them in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from '/src/fragments/lib/graphqlapi/existing-resources.mdx';
diff --git a/src/pages/lib/graphqlapi/getting-started/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/getting-started/q/platform/[platform].mdx
index 22e0e144ee0..b5e147d1ee0 100644
--- a/src/pages/lib/graphqlapi/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `Learn more about how to get started with Amplify's API category`
+  description: `Learn more about how to get started with Amplify's API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/graphqlapi/native_common/getting-started/common.mdx';
diff --git a/src/pages/lib/graphqlapi/graphql-from-nodejs/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/graphql-from-nodejs/q/platform/[platform].mdx
index c5a190c9ad9..d425934aa72 100644
--- a/src/pages/lib/graphqlapi/graphql-from-nodejs/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/graphql-from-nodejs/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `GraphQL from NodeJS`,
-  description: `Learn more about how to call an AppSync GraphQL API from a NodeJS app or a Lambda function`
+  description: `Learn more about how to call an AppSync GraphQL API from a NodeJS app or a Lambda function`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/graphqlapi/graphql-from-node.mdx';
diff --git a/src/pages/lib/graphqlapi/mutate-data/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/mutate-data/q/platform/[platform].mdx
index d3b6088e63c..664a7bb2c65 100644
--- a/src/pages/lib/graphqlapi/mutate-data/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/mutate-data/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Create, update, delete data`,
-  description: `Learn more about how to create and update data using GraphQL APIs in Amplify`
+  description: `Learn more about how to create and update data using GraphQL APIs in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/graphqlapi/ios/mutate-data.mdx';
diff --git a/src/pages/lib/graphqlapi/offline/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/offline/q/platform/[platform].mdx
index 3d6cfa2468f..c9863f14d59 100644
--- a/src/pages/lib/graphqlapi/offline/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/offline/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Offline scenarios`,
-  description: `Learn more about how to support offline scenarios with Amplify's GraphQL API category`
+  description: `Learn more about how to support offline scenarios with Amplify's GraphQL API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/graphqlapi/js/offline.mdx';
diff --git a/src/pages/lib/graphqlapi/optimistic-ui/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/optimistic-ui/q/platform/[platform].mdx
index 026c73a0614..1d8dc0bbcf5 100644
--- a/src/pages/lib/graphqlapi/optimistic-ui/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/optimistic-ui/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Optimistic UI`,
-  description: `Learn more about implementing optimistic UI with Amplify GraphQL API.`
+  description: `Learn more about implementing optimistic UI with Amplify GraphQL API.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/graphqlapi/js/optimistic-ui.mdx';
diff --git a/src/pages/lib/graphqlapi/query-data/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/query-data/q/platform/[platform].mdx
index 95116bacb45..02d99bd4a40 100644
--- a/src/pages/lib/graphqlapi/query-data/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/query-data/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Fetch data`,
-  description: `Learn more about how to fetch data using Amplify's GraphQL API category`
+  description: `Learn more about how to fetch data using Amplify's GraphQL API category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/graphqlapi/ios/query-data.mdx';
diff --git a/src/pages/lib/graphqlapi/subscribe-data/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/subscribe-data/q/platform/[platform].mdx
index 061a49a8fc0..34d93cc1c1d 100644
--- a/src/pages/lib/graphqlapi/subscribe-data/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/subscribe-data/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Subscribe to data`,
-  description: `Learn more about how to observe to data changes using subscriptions in Amplify.`
+  description: `Learn more about how to observe to data changes using subscriptions in Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/graphqlapi/ios/subscribe-data.mdx';
diff --git a/src/pages/lib/graphqlapi/upgrade-guide/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/upgrade-guide/q/platform/[platform].mdx
index f3be3ea3e1d..7b62289646c 100644
--- a/src/pages/lib/graphqlapi/upgrade-guide/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/upgrade-guide/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Upgrade guide`,
-  description: `Learn how to upgrade from AWS AppSync SDK (Maintenance mode) to AWS Amplify.`
+  description: `Learn how to upgrade from AWS AppSync SDK (Maintenance mode) to AWS Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/graphqlapi/js/upgrade-guide.mdx';
diff --git a/src/pages/lib/graphqlapi/working-with-files/q/platform/[platform].mdx b/src/pages/lib/graphqlapi/working-with-files/q/platform/[platform].mdx
index 727deb125f3..70b0af8c567 100644
--- a/src/pages/lib/graphqlapi/working-with-files/q/platform/[platform].mdx
+++ b/src/pages/lib/graphqlapi/working-with-files/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Working with files / attachments`,
-  description: `Learn more about associating Amplify Storage files with Amplify GraphQL API records.`
+  description: `Learn more about associating Amplify Storage files with Amplify GraphQL API records.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/graphqlapi/js/working-with-files.mdx';
diff --git a/src/pages/lib/in-app-messaging/clear-messages/q/platform/[platform].mdx b/src/pages/lib/in-app-messaging/clear-messages/q/platform/[platform].mdx
index 61d5e52aa51..db3fef69748 100644
--- a/src/pages/lib/in-app-messaging/clear-messages/q/platform/[platform].mdx
+++ b/src/pages/lib/in-app-messaging/clear-messages/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Clear messages`,
-  description: `Learn more about how to clear synced in-app messages from the user's device.`
+  description: `Learn more about how to clear synced in-app messages from the user's device.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactnative0 from '/src/fragments/lib/in-app-messaging/clear-messages/clear-messages.mdx';
diff --git a/src/pages/lib/in-app-messaging/create-campaign/q/platform/[platform].mdx b/src/pages/lib/in-app-messaging/create-campaign/q/platform/[platform].mdx
index 7f5e4308659..e0f83982cfb 100644
--- a/src/pages/lib/in-app-messaging/create-campaign/q/platform/[platform].mdx
+++ b/src/pages/lib/in-app-messaging/create-campaign/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Create an In-App Messaging Campaign`,
-  description: `Learn how to create a new Pinpoint campaign and configure it to be used with your Amplify project.`
+  description: `Learn how to create a new Pinpoint campaign and configure it to be used with your Amplify project.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactnative0 from '/src/fragments/lib/in-app-messaging/create-campaign/create-campaign.mdx';
diff --git a/src/pages/lib/in-app-messaging/display-message/q/platform/[platform].mdx b/src/pages/lib/in-app-messaging/display-message/q/platform/[platform].mdx
index fe1c6f4640c..ba0469c5151 100644
--- a/src/pages/lib/in-app-messaging/display-message/q/platform/[platform].mdx
+++ b/src/pages/lib/in-app-messaging/display-message/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Display message`,
-  description: `Learn how in-app messages are displayed when an In-App Messaging or analytics event is sent and matches the criteria set forth by your active In-App Messaging campaigns.`
+  description: `Learn how in-app messages are displayed when an In-App Messaging or analytics event is sent and matches the criteria set forth by your active In-App Messaging campaigns.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactnative0 from '/src/fragments/lib/in-app-messaging/display-message/display-message.mdx';
diff --git a/src/pages/lib/in-app-messaging/getting-started/q/platform/[platform].mdx b/src/pages/lib/in-app-messaging/getting-started/q/platform/[platform].mdx
index 785ab005d22..8f75b2646a1 100644
--- a/src/pages/lib/in-app-messaging/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/in-app-messaging/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `Learn how to get started with In-App Messaging.`
+  description: `Learn how to get started with In-App Messaging.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactnative0 from '/src/fragments/lib/in-app-messaging/getting-started/getting-started.mdx';
diff --git a/src/pages/lib/in-app-messaging/identify-user/q/platform/[platform].mdx b/src/pages/lib/in-app-messaging/identify-user/q/platform/[platform].mdx
index 438fa5d5f99..69fd2a305ad 100644
--- a/src/pages/lib/in-app-messaging/identify-user/q/platform/[platform].mdx
+++ b/src/pages/lib/in-app-messaging/identify-user/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Identify a user`,
-  description: `Learn how to segment and target your In-App Messaging campaigns to specific user subsets.`
+  description: `Learn how to segment and target your In-App Messaging campaigns to specific user subsets.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactnative0 from '/src/fragments/lib/in-app-messaging/identify-user/identify-user.mdx';
diff --git a/src/pages/lib/in-app-messaging/integrate-your-application/q/platform/[platform].mdx b/src/pages/lib/in-app-messaging/integrate-your-application/q/platform/[platform].mdx
index badfb7b84e3..b835ea9efc1 100644
--- a/src/pages/lib/in-app-messaging/integrate-your-application/q/platform/[platform].mdx
+++ b/src/pages/lib/in-app-messaging/integrate-your-application/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Integrate your application`,
-  description: `Learn how to integrate your application with In-App Messaging.`
+  description: `Learn how to integrate your application with In-App Messaging.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactnative0 from '/src/fragments/lib/in-app-messaging/integrate-your-application/integrate-your-application.mdx';
diff --git a/src/pages/lib/in-app-messaging/overview/q/platform/[platform].mdx b/src/pages/lib/in-app-messaging/overview/q/platform/[platform].mdx
index 29d9ff3054d..42faee60a89 100644
--- a/src/pages/lib/in-app-messaging/overview/q/platform/[platform].mdx
+++ b/src/pages/lib/in-app-messaging/overview/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Overview`,
-  description: `Amplify In-App Messaging helps you better engage your users with messages they can see while actively using your application. Send targeted messages to your defined user segments or even trigger contextual messages based on user behavior. Once you are up and running with In-App Messaging, you’ll be able to create messages that look native to your application and deliver them to your users all without additional code changes.`
+  description: `Amplify In-App Messaging helps you better engage your users with messages they can see while actively using your application. Send targeted messages to your defined user segments or even trigger contextual messages based on user behavior. Once you are up and running with In-App Messaging, you’ll be able to create messages that look native to your application and deliver them to your users all without additional code changes.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactnative0 from '/src/fragments/lib/in-app-messaging/overview/overview.mdx';
diff --git a/src/pages/lib/in-app-messaging/resolve-conflicts/q/platform/[platform].mdx b/src/pages/lib/in-app-messaging/resolve-conflicts/q/platform/[platform].mdx
index cc25abb5558..aa132519e07 100644
--- a/src/pages/lib/in-app-messaging/resolve-conflicts/q/platform/[platform].mdx
+++ b/src/pages/lib/in-app-messaging/resolve-conflicts/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Resolving conflicts`,
-  description: `Learn how to resolve conflicts when an event is sent and meets the criteria set forth by multiple in-app messages.`
+  description: `Learn how to resolve conflicts when an event is sent and meets the criteria set forth by multiple in-app messages.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactnative0 from '/src/fragments/lib/in-app-messaging/resolve-conflicts/resolve-conflicts.mdx';
diff --git a/src/pages/lib/in-app-messaging/respond-interaction-events/q/platform/[platform].mdx b/src/pages/lib/in-app-messaging/respond-interaction-events/q/platform/[platform].mdx
index 1cd0cf63c6b..bb3c31ce72c 100644
--- a/src/pages/lib/in-app-messaging/respond-interaction-events/q/platform/[platform].mdx
+++ b/src/pages/lib/in-app-messaging/respond-interaction-events/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Respond to interaction events`,
-  description: `Learn how to respond with additional behavior to your users interacting with in-app messages by adding interaction event listeners.`
+  description: `Learn how to respond with additional behavior to your users interacting with in-app messages by adding interaction event listeners.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactnative0 from '/src/fragments/lib/in-app-messaging/respond-interaction-events/respond-interaction-events.mdx';
diff --git a/src/pages/lib/in-app-messaging/sync-messages/q/platform/[platform].mdx b/src/pages/lib/in-app-messaging/sync-messages/q/platform/[platform].mdx
index ffa22059057..deb2a2e9e05 100644
--- a/src/pages/lib/in-app-messaging/sync-messages/q/platform/[platform].mdx
+++ b/src/pages/lib/in-app-messaging/sync-messages/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Sync messages`,
-  description: `Learn how to sync in-app messages to your user's local device. Synced messages will be displayed when a matching event is triggered.`
+  description: `Learn how to sync in-app messages to your user's local device. Synced messages will be displayed when a matching event is triggered.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactnative0 from '/src/fragments/lib/in-app-messaging/sync-messages/sync-messages.mdx';
diff --git a/src/pages/lib/index.mdx b/src/pages/lib/index.mdx
new file mode 100644
index 00000000000..e8a8b2478d5
--- /dev/null
+++ b/src/pages/lib/index.mdx
@@ -0,0 +1,12 @@
+import ChooseFilterPage from '@/components/ChooseFilterPage';
+
+import { PLATFORM_FILTER_OPTIONS } from '@/utils/filter-data.ts';
+
+<ChooseFilterPage
+  directoryPath="/ChooseFilterPage"
+  address="/lib"
+  filterKind="platform"
+  filters={PLATFORM_FILTER_OPTIONS}
+  currentFilter="all"
+  message={`Please select one of the following:`}
+/>
diff --git a/src/pages/lib/info/app-uninstall/q/platform/[platform].mdx b/src/pages/lib/info/app-uninstall/q/platform/[platform].mdx
index 1c1d676ae7c..a878f486d2d 100644
--- a/src/pages/lib/info/app-uninstall/q/platform/[platform].mdx
+++ b/src/pages/lib/info/app-uninstall/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Uninstalling the app`,
   description: `Learn about the data that gets stored persistently on a device.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from "/src/fragments/lib/info/native_common/app-uninstall/common.mdx";
diff --git a/src/pages/lib/info/overview/q/platform/[platform].mdx b/src/pages/lib/info/overview/q/platform/[platform].mdx
index 42019634e30..888bdf13e4e 100644
--- a/src/pages/lib/info/overview/q/platform/[platform].mdx
+++ b/src/pages/lib/info/overview/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Data Information`,
   description: `Information regarding the data collected by the library`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/info/native_common/data-information/common.mdx";
diff --git a/src/pages/lib/interactions/chatbot/q/platform/[platform].mdx b/src/pages/lib/interactions/chatbot/q/platform/[platform].mdx
index 4a897e5ca5c..7d4d767f78c 100644
--- a/src/pages/lib/interactions/chatbot/q/platform/[platform].mdx
+++ b/src/pages/lib/interactions/chatbot/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Interact with bots`,
-  description: `Learn more about how to integrate chat bot interactions into your application using Amplify.`
+  description: `Learn more about how to integrate chat bot interactions into your application using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/interactions/js/chatbot.mdx';
diff --git a/src/pages/lib/interactions/getting-started/q/platform/[platform].mdx b/src/pages/lib/interactions/getting-started/q/platform/[platform].mdx
index 095f1921e06..5f79b9d5f9a 100644
--- a/src/pages/lib/interactions/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/interactions/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `AWS Amplify Interactions category enables AI-powered chatbots in your web or mobile apps. You can use Interactions to configure your backend chatbot provider and to integrate a chatbot UI into your app with just a single line of code.`
+  description: `AWS Amplify Interactions category enables AI-powered chatbots in your web or mobile apps. You can use Interactions to configure your backend chatbot provider and to integrate a chatbot UI into your app with just a single line of code.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import gettingStartedJs from '/src/fragments/lib/interactions/js/getting-started.mdx';
diff --git a/src/pages/lib/logging/access-logs/q/platform/[platform].mdx b/src/pages/lib/logging/access-logs/q/platform/[platform].mdx
index 67ada7b58e9..d91362a5f5e 100644
--- a/src/pages/lib/logging/access-logs/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/access-logs/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `View logs`,
-  description: `View logs in Amazon CloudWatch`
+  description: `View logs in Amazon CloudWatch`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/access_logs/access_logs.mdx';
diff --git a/src/pages/lib/logging/change-local-storage/q/platform/[platform].mdx b/src/pages/lib/logging/change-local-storage/q/platform/[platform].mdx
index ce88854ba8e..3066e5d0551 100644
--- a/src/pages/lib/logging/change-local-storage/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/change-local-storage/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Change Local Storage`,
-  description: `Change log local storage on device`
+  description: `Change log local storage on device`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/change_local_storage/change_local_storage.mdx';
diff --git a/src/pages/lib/logging/change-log-levels/q/platform/[platform].mdx b/src/pages/lib/logging/change-log-levels/q/platform/[platform].mdx
index af79813be6c..fdd0b5cd69c 100644
--- a/src/pages/lib/logging/change-log-levels/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/change-log-levels/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Change Log Levels`,
-  description: `Change log levels by categories and users`
+  description: `Change log levels by categories and users`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/change_log_levels/change_log_levels.mdx';
diff --git a/src/pages/lib/logging/configure-user/q/platform/[platform].mdx b/src/pages/lib/logging/configure-user/q/platform/[platform].mdx
index 89ca56b61bc..394b5c16168 100644
--- a/src/pages/lib/logging/configure-user/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/configure-user/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Configure User Allow List`,
-  description: `Configure log levels by user`
+  description: `Configure log levels by user`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/configure_user/configure_user.mdx';
diff --git a/src/pages/lib/logging/enable-disable/q/platform/[platform].mdx b/src/pages/lib/logging/enable-disable/q/platform/[platform].mdx
index ee3d24399dc..ee4ce9c4769 100644
--- a/src/pages/lib/logging/enable-disable/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/enable-disable/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Enable Disable Logging`,
-  description: `Enable or disable logging`
+  description: `Enable or disable logging`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/enable_disable/enable_disable.mdx';
diff --git a/src/pages/lib/logging/escapehatch/q/platform/[platform].mdx b/src/pages/lib/logging/escapehatch/q/platform/[platform].mdx
index d4395a1b62c..495d923f68a 100644
--- a/src/pages/lib/logging/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape Hatch`,
-  description: `Get the Amplify Logging escape hatch`
+  description: `Get the Amplify Logging escape hatch`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/escapehatch/escapehatch.mdx';
diff --git a/src/pages/lib/logging/flush-logs/q/platform/[platform].mdx b/src/pages/lib/logging/flush-logs/q/platform/[platform].mdx
index 66daf1c692e..60d680fe12d 100644
--- a/src/pages/lib/logging/flush-logs/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/flush-logs/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Flush Logs`,
-  description: `Force flush logs`
+  description: `Force flush logs`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/flush_logs/flush_logs.mdx';
diff --git a/src/pages/lib/logging/hub-events/q/platform/[platform].mdx b/src/pages/lib/logging/hub-events/q/platform/[platform].mdx
index 2bb3f0f02a2..acd13980866 100644
--- a/src/pages/lib/logging/hub-events/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/hub-events/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Listening to Logging Events`,
-  description: `Listening to Hub Events for Logging`
+  description: `Listening to Hub Events for Logging`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/hub_events/hub_events.mdx';
diff --git a/src/pages/lib/logging/remote-configuration/q/platform/[platform].mdx b/src/pages/lib/logging/remote-configuration/q/platform/[platform].mdx
index f2ead9f668f..cde11b77e20 100644
--- a/src/pages/lib/logging/remote-configuration/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/remote-configuration/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Remotely Change Log Levels`,
-  description: `Setup logging to fetch remote log levels`
+  description: `Setup logging to fetch remote log levels`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/remote_configuration/remote_configuration.mdx';
diff --git a/src/pages/lib/logging/sending-logs/q/platform/[platform].mdx b/src/pages/lib/logging/sending-logs/q/platform/[platform].mdx
index 0d74968899a..dc61411159d 100644
--- a/src/pages/lib/logging/sending-logs/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/sending-logs/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Send logs`,
-  description: `Use of Amplify Logger to write and send logs`
+  description: `Use of Amplify Logger to write and send logs`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/sending_logs/sending_logs.mdx';
diff --git a/src/pages/lib/logging/setup-logging/q/platform/[platform].mdx b/src/pages/lib/logging/setup-logging/q/platform/[platform].mdx
index 483479daaae..5b808fa8b5f 100644
--- a/src/pages/lib/logging/setup-logging/q/platform/[platform].mdx
+++ b/src/pages/lib/logging/setup-logging/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Setup Amplify Logging`,
-  description: `Setting up Amplify logging`
+  description: `Setting up Amplify logging`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/logging/common/setup_logging/setup_logging.mdx';
diff --git a/src/pages/lib/predictions/escapehatch/q/platform/[platform].mdx b/src/pages/lib/predictions/escapehatch/q/platform/[platform].mdx
index c313a23bc46..2c09dc4f729 100644
--- a/src/pages/lib/predictions/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
-  description: `For any of the AWS services behind predictions, you can use the SDK object to get access to any methods we are not calling on your behalf by using an escape hatch.`
+  description: `For any of the AWS services behind predictions, you can use the SDK object to get access to any methods we are not calling on your behalf by using an escape hatch.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import escapeIOS from '/src/fragments/lib/predictions/ios/escapehatch.mdx';
diff --git a/src/pages/lib/predictions/getting-started/q/platform/[platform].mdx b/src/pages/lib/predictions/getting-started/q/platform/[platform].mdx
index fe1bd1390f4..c067000ba34 100644
--- a/src/pages/lib/predictions/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `Get started with integrating ML capabilities into your application using Amplify`
+  description: `Get started with integrating ML capabilities into your application using Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import gettingStartedJs from '/src/fragments/lib/predictions/js/getting-started.mdx';
diff --git a/src/pages/lib/predictions/identify-entity/q/platform/[platform].mdx b/src/pages/lib/predictions/identify-entity/q/platform/[platform].mdx
index 52d48fb952e..894e4bba949 100644
--- a/src/pages/lib/predictions/identify-entity/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/identify-entity/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Identify entities from images`,
-  description: `Learn more about how to identify entities from an image using Amplify.`
+  description: `Learn more about how to identify entities from an image using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import identifyEntityJs from '/src/fragments/lib/predictions/js/identify-entity.mdx';
diff --git a/src/pages/lib/predictions/identify-text/q/platform/[platform].mdx b/src/pages/lib/predictions/identify-text/q/platform/[platform].mdx
index d70f7c7aa93..a6a9859c6cc 100644
--- a/src/pages/lib/predictions/identify-text/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/identify-text/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Identify text`,
-  description: `Learn more about how to identify text from images and documents in your application using AWS Amplify.`
+  description: `Learn more about how to identify text from images and documents in your application using AWS Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import identifyTextJs from '/src/fragments/lib/predictions/js/identify-text.mdx';
diff --git a/src/pages/lib/predictions/interpret/q/platform/[platform].mdx b/src/pages/lib/predictions/interpret/q/platform/[platform].mdx
index 276483482bb..809e9e1cdce 100644
--- a/src/pages/lib/predictions/interpret/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/interpret/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Interpret sentiment`,
-  description: `Learn more about how to determine key phrases, sentiment, language, syntax, and entities from text using Amplify.`
+  description: `Learn more about how to determine key phrases, sentiment, language, syntax, and entities from text using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import interpretJs from '/src/fragments/lib/predictions/js/interpret.mdx';
diff --git a/src/pages/lib/predictions/intro/q/platform/[platform].mdx b/src/pages/lib/predictions/intro/q/platform/[platform].mdx
index d7b1e18f98e..eb5144b1b5a 100644
--- a/src/pages/lib/predictions/intro/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/intro/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Overview`,
-  description: `The Predictions category enables you to integrate machine learning in your application without any prior machine learning experience. The Predictions category comes with built-in support for both online and offline use cases.`
+  description: `The Predictions category enables you to integrate machine learning in your application without any prior machine learning experience. The Predictions category comes with built-in support for both online and offline use cases.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/predictions/js/intro.mdx';
diff --git a/src/pages/lib/predictions/label-image/q/platform/[platform].mdx b/src/pages/lib/predictions/label-image/q/platform/[platform].mdx
index 37368d88801..8a482d918a1 100644
--- a/src/pages/lib/predictions/label-image/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/label-image/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Label objects in image`,
-  description: `Learn more about how to detect labels in an image using Amplify. For example you can detect if an image has objects such as chairs, desks etc.`
+  description: `Learn more about how to detect labels in an image using Amplify. For example you can detect if an image has objects such as chairs, desks etc.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import labelImageJs from '/src/fragments/lib/predictions/js/label-image.mdx';
diff --git a/src/pages/lib/predictions/sample/q/platform/[platform].mdx b/src/pages/lib/predictions/sample/q/platform/[platform].mdx
index ce6db88d4f0..cb914618507 100644
--- a/src/pages/lib/predictions/sample/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/sample/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Example`,
-  description: `Sample code for Amplify's predictions category`
+  description: `Sample code for Amplify's predictions category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import sampleJs from '/src/fragments/lib/predictions/js/sample.mdx';
diff --git a/src/pages/lib/predictions/text-speech/q/platform/[platform].mdx b/src/pages/lib/predictions/text-speech/q/platform/[platform].mdx
index 9368d058746..643a9e2eb17 100644
--- a/src/pages/lib/predictions/text-speech/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/text-speech/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Text to speech`,
-  description: `Learn more about how to integrate text-to-speech capabilities into your application using Amplify.`
+  description: `Learn more about how to integrate text-to-speech capabilities into your application using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import textSpeechJs from '/src/fragments/lib/predictions/js/text-speech.mdx';
diff --git a/src/pages/lib/predictions/transcribe/q/platform/[platform].mdx b/src/pages/lib/predictions/transcribe/q/platform/[platform].mdx
index 712f40b11aa..01e9ee17e90 100644
--- a/src/pages/lib/predictions/transcribe/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/transcribe/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Transcribe audio to text`,
-  description: `Learn more about how to transcribe audio to text (also known as speech-to-text) for your application using Amplify`
+  description: `Learn more about how to transcribe audio to text (also known as speech-to-text) for your application using Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import transcribeJs from '/src/fragments/lib/predictions/js/transcribe.mdx';
diff --git a/src/pages/lib/predictions/translate/q/platform/[platform].mdx b/src/pages/lib/predictions/translate/q/platform/[platform].mdx
index 6c926b44328..fc89d33d581 100644
--- a/src/pages/lib/predictions/translate/q/platform/[platform].mdx
+++ b/src/pages/lib/predictions/translate/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Translate language`,
-  description: `Learn more about how to integrate translation capabilities for your application using Amplify`
+  description: `Learn more about how to integrate translation capabilities for your application using Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import translateJs from '/src/fragments/lib/predictions/js/translate.mdx';
diff --git a/src/pages/lib/project-setup/async/q/platform/[platform].mdx b/src/pages/lib/project-setup/async/q/platform/[platform].mdx
index ade2e43826c..cb1ad3bad24 100644
--- a/src/pages/lib/project-setup/async/q/platform/[platform].mdx
+++ b/src/pages/lib/project-setup/async/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Async Programming Model`,
-  description: `Amplify Android uses an asynchronous programming model.`
+  description: `Amplify Android uses an asynchronous programming model.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from '/src/fragments/lib/project-setup/android/async/async.mdx';
diff --git a/src/pages/lib/project-setup/combine/q/platform/[platform].mdx b/src/pages/lib/project-setup/combine/q/platform/[platform].mdx
index bec19e3dc1a..4bec33338a6 100644
--- a/src/pages/lib/project-setup/combine/q/platform/[platform].mdx
+++ b/src/pages/lib/project-setup/combine/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Using Combine with Amplify`,
   description: `Amplify's support for Apple's Combine framework`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/project-setup/ios/combine/combine.mdx";
diff --git a/src/pages/lib/project-setup/coroutines/q/platform/[platform].mdx b/src/pages/lib/project-setup/coroutines/q/platform/[platform].mdx
index 5fff1f5585d..2291bc671a8 100644
--- a/src/pages/lib/project-setup/coroutines/q/platform/[platform].mdx
+++ b/src/pages/lib/project-setup/coroutines/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Kotlin Coroutines Support`,
   description: `Amplify Android includes first-class support for Kotlin Coroutines and Flows.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from "/src/fragments/lib/project-setup/android/coroutines/coroutines.mdx";
diff --git a/src/pages/lib/project-setup/create-application/q/platform/[platform].mdx b/src/pages/lib/project-setup/create-application/q/platform/[platform].mdx
index 71c295cc128..f3a1773a69b 100644
--- a/src/pages/lib/project-setup/create-application/q/platform/[platform].mdx
+++ b/src/pages/lib/project-setup/create-application/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Create your application`,
-  description: `Project setup for Amplify prior to adding category specific example.`
+  description: `Project setup for Amplify prior to adding category specific example.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/project-setup/native_common/create-application/common.mdx';
diff --git a/src/pages/lib/project-setup/escape-hatch/q/platform/[platform].mdx b/src/pages/lib/project-setup/escape-hatch/q/platform/[platform].mdx
index 6b12251a858..fb4afaf33ec 100644
--- a/src/pages/lib/project-setup/escape-hatch/q/platform/[platform].mdx
+++ b/src/pages/lib/project-setup/escape-hatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
   description: `Advanced use cases in Amplify Flutter`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter from "/src/fragments/lib/project-setup/flutter/escape-hatch/escape-hatch.mdx";
diff --git a/src/pages/lib/project-setup/platform-setup/q/platform/[platform].mdx b/src/pages/lib/project-setup/platform-setup/q/platform/[platform].mdx
index 6147bc8ce82..1dd7794b44f 100644
--- a/src/pages/lib/project-setup/platform-setup/q/platform/[platform].mdx
+++ b/src/pages/lib/project-setup/platform-setup/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Platform Setup`,
-  description: `Instructions for platform-specific configurations needed for amplify-flutter`
+  description: `Instructions for platform-specific configurations needed for amplify-flutter`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter0 from '/src/fragments/lib/project-setup/flutter/platform-setup/platform-setup.mdx';
diff --git a/src/pages/lib/project-setup/prereq/q/platform/[platform].mdx b/src/pages/lib/project-setup/prereq/q/platform/[platform].mdx
index 8109eb0b516..49c6f3f2c54 100644
--- a/src/pages/lib/project-setup/prereq/q/platform/[platform].mdx
+++ b/src/pages/lib/project-setup/prereq/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Prerequisites`,
-  description: `Project Setup with Amplify - Prerequisites`
+  description: `Project Setup with Amplify - Prerequisites`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from '/src/fragments/lib/project-setup/native_common/prereq/common_header.mdx';
diff --git a/src/pages/lib/project-setup/rxjava/q/platform/[platform].mdx b/src/pages/lib/project-setup/rxjava/q/platform/[platform].mdx
index d99b684cd92..af34904362f 100644
--- a/src/pages/lib/project-setup/rxjava/q/platform/[platform].mdx
+++ b/src/pages/lib/project-setup/rxjava/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Using RxJava with Amplify`,
   description: `Amplify Android has first-class support for Reactive Extensions / RxJava.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from "/src/fragments/lib/project-setup/android/rxjava/rxjava.mdx";
diff --git a/src/pages/lib/project-setup/upgrade-guide/q/platform/[platform].mdx b/src/pages/lib/project-setup/upgrade-guide/q/platform/[platform].mdx
index e79feeb2006..48c581b7aed 100644
--- a/src/pages/lib/project-setup/upgrade-guide/q/platform/[platform].mdx
+++ b/src/pages/lib/project-setup/upgrade-guide/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Upgrade Guide`,
   description: `Guide to upgrade Amplify version from the last major version`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/project-setup/ios/upgrade-guide/upgrade-guide.mdx";
diff --git a/src/pages/lib/project-setup/use-existing-resources/q/platform/[platform].mdx b/src/pages/lib/project-setup/use-existing-resources/q/platform/[platform].mdx
index 4f144d95894..1947d9ff2e5 100644
--- a/src/pages/lib/project-setup/use-existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib/project-setup/use-existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing AWS resources`,
   description: `Add existing AWS resources to an application without the CLI.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/project-setup/ios/use-existing-resources/use-existing-resources.mdx";
diff --git a/src/pages/lib/pubsub/getting-started/q/platform/[platform].mdx b/src/pages/lib/pubsub/getting-started/q/platform/[platform].mdx
index 8ff2035adb2..762004a7ba6 100644
--- a/src/pages/lib/pubsub/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/pubsub/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `The AWS Amplify PubSub category provides connectivity with cloud-based message-oriented middleware. You can use PubSub to pass messages between your app instances and your app’s backend creating real-time interactive experiences.`
+  description: `The AWS Amplify PubSub category provides connectivity with cloud-based message-oriented middleware. You can use PubSub to pass messages between your app instances and your app’s backend creating real-time interactive experiences.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import pubsubGettingStarted from '/src/fragments/lib/pubsub/js/getting-started.mdx';
diff --git a/src/pages/lib/pubsub/publish/q/platform/[platform].mdx b/src/pages/lib/pubsub/publish/q/platform/[platform].mdx
index 3bf7c78d780..d0adb63f858 100644
--- a/src/pages/lib/pubsub/publish/q/platform/[platform].mdx
+++ b/src/pages/lib/pubsub/publish/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Publish`,
-  description: `Learn more about how to publish a message using the PubSub category in Amplify`
+  description: `Learn more about how to publish a message using the PubSub category in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/pubsub/js/publish.mdx';
diff --git a/src/pages/lib/pubsub/subunsub/q/platform/[platform].mdx b/src/pages/lib/pubsub/subunsub/q/platform/[platform].mdx
index 532ae9024c4..cd378db0551 100644
--- a/src/pages/lib/pubsub/subunsub/q/platform/[platform].mdx
+++ b/src/pages/lib/pubsub/subunsub/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Subscribe & Unsubscribe`,
-  description: `Learn more about how to subscribe to and unsubscribe from topics using Amplify's PubSub category`
+  description: `Learn more about how to subscribe to and unsubscribe from topics using Amplify's PubSub category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/pubsub/js/subunsub.mdx';
diff --git a/src/pages/lib/push-notifications/app-badge-count/q/platform/[platform].mdx b/src/pages/lib/push-notifications/app-badge-count/q/platform/[platform].mdx
index 678f1b30f8c..81601f116ab 100644
--- a/src/pages/lib/push-notifications/app-badge-count/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/app-badge-count/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `App badge count`,
-  description: `Get and set the application badge count.`
+  description: `Get and set the application badge count.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/push-notifications/common/app-badge-count.mdx';
diff --git a/src/pages/lib/push-notifications/enable-rich-notifications/q/platform/[platform].mdx b/src/pages/lib/push-notifications/enable-rich-notifications/q/platform/[platform].mdx
index 35f9dc22236..333219ef372 100644
--- a/src/pages/lib/push-notifications/enable-rich-notifications/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/enable-rich-notifications/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Enable rich notifications`,
-  description: `Enable rich notifications for you app.`
+  description: `Enable rich notifications for you app.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/push-notifications/common/enable-rich-notifications.mdx';
diff --git a/src/pages/lib/push-notifications/getting-started/q/platform/[platform].mdx b/src/pages/lib/push-notifications/getting-started/q/platform/[platform].mdx
index 21ddf016ba4..279787629ee 100644
--- a/src/pages/lib/push-notifications/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `Use of Amplify Push Notifications`
+  description: `Use of Amplify Push Notifications`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/push-notifications/common/getting_started/getting-started.mdx';
diff --git a/src/pages/lib/push-notifications/identify-user/q/platform/[platform].mdx b/src/pages/lib/push-notifications/identify-user/q/platform/[platform].mdx
index 39cd3a2ae77..10382b209bf 100644
--- a/src/pages/lib/push-notifications/identify-user/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/identify-user/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Identify user to Amazon Pinpoint`,
-  description: `Provide information about a user to Amazon Pinpoint.`
+  description: `Provide information about a user to Amazon Pinpoint.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/push-notifications/common/identify-user.mdx';
diff --git a/src/pages/lib/push-notifications/interact-with-notifications/q/platform/[platform].mdx b/src/pages/lib/push-notifications/interact-with-notifications/q/platform/[platform].mdx
index 56260a5b6e1..1721e3e4f7a 100644
--- a/src/pages/lib/push-notifications/interact-with-notifications/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/interact-with-notifications/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Interact with notifications`,
-  description: `Interact with push notifications through various events.`
+  description: `Interact with push notifications through various events.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/push-notifications/common/interact_with_notifications/interact-with-notifications.mdx';
diff --git a/src/pages/lib/push-notifications/migrate-from-previous-version/q/platform/[platform].mdx b/src/pages/lib/push-notifications/migrate-from-previous-version/q/platform/[platform].mdx
index 23dcfd11b7d..a9afca07c02 100644
--- a/src/pages/lib/push-notifications/migrate-from-previous-version/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/migrate-from-previous-version/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Migrate from previous version`,
-  description: `Migrate from the deprecated to the new version of Amplify Push Notifications.`
+  description: `Migrate from the deprecated to the new version of Amplify Push Notifications.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import reactNativeRoute from '/src/fragments/lib/push-notifications/react-native/migrate-from-previous-version.mdx';
diff --git a/src/pages/lib/push-notifications/receive-device-token/q/platform/[platform].mdx b/src/pages/lib/push-notifications/receive-device-token/q/platform/[platform].mdx
index ea89f9d9d25..6989f825ebf 100644
--- a/src/pages/lib/push-notifications/receive-device-token/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/receive-device-token/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Receive device token`,
-  description: `Receive a device token for use with push notifications.`
+  description: `Receive a device token for use with push notifications.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/push-notifications/common/receive-device-token.mdx';
diff --git a/src/pages/lib/push-notifications/record-notifications/q/platform/[platform].mdx b/src/pages/lib/push-notifications/record-notifications/q/platform/[platform].mdx
index 7d581b51c8a..f378912170c 100644
--- a/src/pages/lib/push-notifications/record-notifications/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/record-notifications/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Record notification events`,
   description: `Record Notification events with the Amazon Pinpoint service.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from "/src/fragments/lib/push-notifications/android//record_notifications/10_handle_notification_received.mdx";
diff --git a/src/pages/lib/push-notifications/register-device/q/platform/[platform].mdx b/src/pages/lib/push-notifications/register-device/q/platform/[platform].mdx
index 039a3da1b85..0d0a0c5513e 100644
--- a/src/pages/lib/push-notifications/register-device/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/register-device/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Register device`,
   description: `Register a device with the push notification service and Amazon Pinpoint.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from "/src/fragments/lib/push-notifications/common/register-device.mdx";
diff --git a/src/pages/lib/push-notifications/remote-media/q/platform/[platform].mdx b/src/pages/lib/push-notifications/remote-media/q/platform/[platform].mdx
index 6bb8efec86f..30d98fbf4dc 100644
--- a/src/pages/lib/push-notifications/remote-media/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/remote-media/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Remote media`,
   description: `Support remote media.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/push-notifications/common/remote-media.mdx";
diff --git a/src/pages/lib/push-notifications/request-permissions/q/platform/[platform].mdx b/src/pages/lib/push-notifications/request-permissions/q/platform/[platform].mdx
index de0ce9f47ba..ad1c9035234 100644
--- a/src/pages/lib/push-notifications/request-permissions/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/request-permissions/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Request permissions`,
-  description: `Request permissions to display push notifications to users.`
+  description: `Request permissions to display push notifications to users.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/push-notifications/common/request-permissions.mdx';
diff --git a/src/pages/lib/push-notifications/setup-push-service/q/platform/[platform].mdx b/src/pages/lib/push-notifications/setup-push-service/q/platform/[platform].mdx
index cfc0a6f8c98..85f99e05afc 100644
--- a/src/pages/lib/push-notifications/setup-push-service/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/setup-push-service/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Setting up push notification services`,
-  description: `Learn how to setup the various push notification services for your mobile app.`
+  description: `Learn how to setup the various push notification services for your mobile app.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/push-notifications/common/setup_push_service/setup-push-service.mdx';
diff --git a/src/pages/lib/push-notifications/testing/q/platform/[platform].mdx b/src/pages/lib/push-notifications/testing/q/platform/[platform].mdx
index fcf608614e0..db54e32011b 100644
--- a/src/pages/lib/push-notifications/testing/q/platform/[platform].mdx
+++ b/src/pages/lib/push-notifications/testing/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Testing`,
-  description: `Overview of testing your push notifications`
+  description: `Overview of testing your push notifications`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import commonRoute from '/src/fragments/lib/push-notifications/common/testing.mdx';
diff --git a/src/pages/lib/q/platform/[platform].mdx b/src/pages/lib/q/platform/[platform].mdx
index aedf6864ad5..dafa0b23898 100644
--- a/src/pages/lib/q/platform/[platform].mdx
+++ b/src/pages/lib/q/platform/[platform].mdx
@@ -3,7 +3,25 @@ export const meta = {
   description:
     'The Amplify open-source client libraries provide use-case centric, opinionated, declarative, and easy-to-use interfaces across different categories of cloud powered operations enabling mobile and web developers to easily interact with their backends. ',
   disableTOC: 'true',
-  filterKey: 'platform'
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 The Amplify open-source client libraries provide use-case centric, and easy-to-use interfaces across different categories of AWS cloud powered operations enabling mobile and web developers to easily interact with their backends. The Amplify libraries can be used with both new backends created using the Amplify CLI or existing backend resources.
@@ -26,4 +44,4 @@ import js3 from '/src/fragments/lib/js.mdx';
 
 import reactnative4 from '/src/fragments/lib/reactnative.mdx';
 
-<Fragments fragments={{ 'react-native': reactnative4 }} />
\ No newline at end of file
+<Fragments fragments={{ 'react-native': reactnative4 }} />
diff --git a/src/pages/lib/restapi/authz/q/platform/[platform].mdx b/src/pages/lib/restapi/authz/q/platform/[platform].mdx
index 5095402fa24..21c9db558c6 100644
--- a/src/pages/lib/restapi/authz/q/platform/[platform].mdx
+++ b/src/pages/lib/restapi/authz/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Define authorization rules`,
-  description: `Learn more about how to define authorization rules for Amplify's REST API capabilities`
+  description: `Learn more about how to define authorization rules for Amplify's REST API capabilities`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/restapi/js/authz.mdx';
diff --git a/src/pages/lib/restapi/cancel/q/platform/[platform].mdx b/src/pages/lib/restapi/cancel/q/platform/[platform].mdx
index 5a35c7db26b..194bf656ed5 100644
--- a/src/pages/lib/restapi/cancel/q/platform/[platform].mdx
+++ b/src/pages/lib/restapi/cancel/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Cancel API requests`,
-  description: `Using the Cancel API in Amplify`
+  description: `Using the Cancel API in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/restapi/js/cancel.mdx';
diff --git a/src/pages/lib/restapi/delete/q/platform/[platform].mdx b/src/pages/lib/restapi/delete/q/platform/[platform].mdx
index 7f154f122a0..266ad28ae24 100644
--- a/src/pages/lib/restapi/delete/q/platform/[platform].mdx
+++ b/src/pages/lib/restapi/delete/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Deleting data`,
-  description: `Using the Delete API REST in Amplify`
+  description: `Using the Delete API REST in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/restapi/js/delete.mdx';
diff --git a/src/pages/lib/restapi/existing-resources/q/platform/[platform].mdx b/src/pages/lib/restapi/existing-resources/q/platform/[platform].mdx
index 3c6ad813ec7..86da2cc9bf3 100644
--- a/src/pages/lib/restapi/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib/restapi/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing AWS resources`,
   description: `Configure the Amplify Libraries to use existing Amazon API Gateway resources by referencing them in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from "/src/fragments/lib/restapi/existing-resources.mdx";
diff --git a/src/pages/lib/restapi/fetch/q/platform/[platform].mdx b/src/pages/lib/restapi/fetch/q/platform/[platform].mdx
index ab0f972af51..19c65291341 100644
--- a/src/pages/lib/restapi/fetch/q/platform/[platform].mdx
+++ b/src/pages/lib/restapi/fetch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Fetching data`,
-  description: `Using the GET API REST in Amplify`
+  description: `Using the GET API REST in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/restapi/js/fetch.mdx';
diff --git a/src/pages/lib/restapi/getting-started/q/platform/[platform].mdx b/src/pages/lib/restapi/getting-started/q/platform/[platform].mdx
index 057d124262f..458df65f642 100644
--- a/src/pages/lib/restapi/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/restapi/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `The API category provides a solution for making HTTP requests to REST and GraphQL endpoints. The REST API category can be used for creating signed requests against Amazon API Gateway when the API Gateway Authorization is set to AWS_IAM.`
+  description: `The API category provides a solution for making HTTP requests to REST and GraphQL endpoints. The REST API category can be used for creating signed requests against Amazon API Gateway when the API Gateway Authorization is set to AWS_IAM.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/restapi/js/getting-started.mdx';
diff --git a/src/pages/lib/restapi/update/q/platform/[platform].mdx b/src/pages/lib/restapi/update/q/platform/[platform].mdx
index d434eea5cc7..f5e14aeb619 100644
--- a/src/pages/lib/restapi/update/q/platform/[platform].mdx
+++ b/src/pages/lib/restapi/update/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Updating data`,
-  description: `Using Post, Put, etc. in Amplify`
+  description: `Using Post, Put, etc. in Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/restapi/js/update.mdx';
diff --git a/src/pages/lib/ssr/q/platform/[platform].mdx b/src/pages/lib/ssr/q/platform/[platform].mdx
index b1350b85621..48c4bd1c494 100644
--- a/src/pages/lib/ssr/q/platform/[platform].mdx
+++ b/src/pages/lib/ssr/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting Started with Server-Side Rendering (SSR)`,
   description: `Getting Started with Server-Side Rendering (SSR)`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/ssr/js/getting-started.mdx";
diff --git a/src/pages/lib/storage/autotrack/q/platform/[platform].mdx b/src/pages/lib/storage/autotrack/q/platform/[platform].mdx
index 2217678a9ac..666a1a10cf0 100644
--- a/src/pages/lib/storage/autotrack/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/autotrack/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Automatically track events`,
-  description: `You can enable automatic tracking of Storage Events such as uploads and downloads. Enabling this will automatically send Storage Events to Amazon Pinpoint and you will be able to see them within the AWS Pinpoint Console under Custom Events. `
+  description: `You can enable automatic tracking of Storage Events such as uploads and downloads. Enabling this will automatically send Storage Events to Amazon Pinpoint and you will be able to see them within the AWS Pinpoint Console under Custom Events. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/autotrack.mdx';
diff --git a/src/pages/lib/storage/cancel-requests/q/platform/[platform].mdx b/src/pages/lib/storage/cancel-requests/q/platform/[platform].mdx
index 97961f13c11..32c5fba3ef8 100644
--- a/src/pages/lib/storage/cancel-requests/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/cancel-requests/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Cancel requests`,
-  description: `Cancel an in-flight get or put requests from Storage`
+  description: `Cancel an in-flight get or put requests from Storage`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/cancel-requests.mdx';
diff --git a/src/pages/lib/storage/configureaccess/q/platform/[platform].mdx b/src/pages/lib/storage/configureaccess/q/platform/[platform].mdx
index 16a8c6639a0..7d902d3b2a6 100644
--- a/src/pages/lib/storage/configureaccess/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/configureaccess/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `File access levels`,
-  description: `Learn about configuring different access levels in Amplify Storage. Objects can be public, protected, or private.`
+  description: `Learn about configuring different access levels in Amplify Storage. Objects can be public, protected, or private.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/configureaccess.mdx';
diff --git a/src/pages/lib/storage/copy/q/platform/[platform].mdx b/src/pages/lib/storage/copy/q/platform/[platform].mdx
index c04803272cb..75dd7ec0d5e 100644
--- a/src/pages/lib/storage/copy/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/copy/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Copy files`,
-  description: `Learn more about how to copy files using Amplify's storage category.`
+  description: `Learn more about how to copy files using Amplify's storage category.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/copy.mdx';
diff --git a/src/pages/lib/storage/custom-plugin/q/platform/[platform].mdx b/src/pages/lib/storage/custom-plugin/q/platform/[platform].mdx
index d0388b7b60e..04a11cd8311 100644
--- a/src/pages/lib/storage/custom-plugin/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/custom-plugin/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Custom Plugin`,
-  description: `Learn more about how to create your own custom plugin.`
+  description: `Learn more about how to create your own custom plugin.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/create-custom-plugin.mdx';
diff --git a/src/pages/lib/storage/download/q/platform/[platform].mdx b/src/pages/lib/storage/download/q/platform/[platform].mdx
index ae57cd11aa6..d6ee20d9380 100644
--- a/src/pages/lib/storage/download/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/download/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Download files`,
-  description: `Learn more about how to download / retrieve files using the Storage category of Amplify`
+  description: `Learn more about how to download / retrieve files using the Storage category of Amplify`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/download.mdx';
diff --git a/src/pages/lib/storage/escapehatch/q/platform/[platform].mdx b/src/pages/lib/storage/escapehatch/q/platform/[platform].mdx
index 059cc709c98..0a7c365c90d 100644
--- a/src/pages/lib/storage/escapehatch/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/escapehatch/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Escape hatch`,
   description: `For specialized use cases where Amplify does not provide the functionality, you can use the escape hatch to access an AWSS3 low-level client instance. The returned AWSS3 instance is already configured with your access credentials.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/storage/ios/escapehatch.mdx";
diff --git a/src/pages/lib/storage/existing-resources/q/platform/[platform].mdx b/src/pages/lib/storage/existing-resources/q/platform/[platform].mdx
index 564a6b3fe5e..c46da97b4c5 100644
--- a/src/pages/lib/storage/existing-resources/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/existing-resources/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use existing AWS resources`,
-  description: `Configure the Amplify Libraries to use an existing Amazon S3 bucket by referencing it in your configuration.`
+  description: `Configure the Amplify Libraries to use an existing Amazon S3 bucket by referencing it in your configuration.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/existing-resources.mdx';
diff --git a/src/pages/lib/storage/get-properties/q/platform/[platform].mdx b/src/pages/lib/storage/get-properties/q/platform/[platform].mdx
index 508b3abd912..6f8c63ebb24 100644
--- a/src/pages/lib/storage/get-properties/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/get-properties/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Get file properties`,
-  description: `Learn more about how to get a file's properties without downloading the file using Amplify's storage category.`
+  description: `Learn more about how to get a file's properties without downloading the file using Amplify's storage category.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/get-properties.mdx';
diff --git a/src/pages/lib/storage/getting-started/q/platform/[platform].mdx b/src/pages/lib/storage/getting-started/q/platform/[platform].mdx
index 2011cf87838..5fc5f2c26d0 100644
--- a/src/pages/lib/storage/getting-started/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
-  description: `The Amplify Storage category provides a simple mechanism for managing user content for your app in public, protected, or private storage buckets. The Amplify AWS S3 Storage plugin leverages Amazon S3.`
+  description: `The Amplify Storage category provides a simple mechanism for managing user content for your app in public, protected, or private storage buckets. The Amplify AWS S3 Storage plugin leverages Amazon S3.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/getting-started.mdx';
diff --git a/src/pages/lib/storage/list/q/platform/[platform].mdx b/src/pages/lib/storage/list/q/platform/[platform].mdx
index a08ead0edbd..479f59de056 100644
--- a/src/pages/lib/storage/list/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/list/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `List files`,
-  description: `Learn more about how to list all of the uploaded objects using Amplify's storage category.`
+  description: `Learn more about how to list all of the uploaded objects using Amplify's storage category.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/list.mdx';
diff --git a/src/pages/lib/storage/move/q/platform/[platform].mdx b/src/pages/lib/storage/move/q/platform/[platform].mdx
index 980966bc185..e54f533d0a4 100644
--- a/src/pages/lib/storage/move/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/move/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Move files`,
-  description: `Learn more about how to move files using Amplify's storage category.`
+  description: `Learn more about how to move files using Amplify's storage category.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import flutter0 from '/src/fragments/lib/storage/flutter/move.mdx';
diff --git a/src/pages/lib/storage/overview/q/platform/[platform].mdx b/src/pages/lib/storage/overview/q/platform/[platform].mdx
index 802465b0094..22ef81958b4 100644
--- a/src/pages/lib/storage/overview/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/overview/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Concepts`,
   description: `Learn more about the foundational storage concepts for cloud-based application and how they work with Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 AWS Amplify storage module provides a simple mechanism for managing user content for your app in public, protected or private storage buckets. The storage category comes with built-in support for [Amazon S3 (Simple Storage Service)](https://docs.aws.amazon.com/AmazonS3/latest/dev/Welcome.html). 
diff --git a/src/pages/lib/storage/querytransfers/q/platform/[platform].mdx b/src/pages/lib/storage/querytransfers/q/platform/[platform].mdx
index 41e84b3d503..408b7df0065 100644
--- a/src/pages/lib/storage/querytransfers/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/querytransfers/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Query Transfer`,
-  description: `Learn more about how to query enqueued transfers from the local database using Amplify's storage category.`
+  description: `Learn more about how to query enqueued transfers from the local database using Amplify's storage category.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android0 from '/src/fragments/lib/storage/android/query-transfers.mdx';
diff --git a/src/pages/lib/storage/remove/q/platform/[platform].mdx b/src/pages/lib/storage/remove/q/platform/[platform].mdx
index 40034d06812..74974d517f5 100644
--- a/src/pages/lib/storage/remove/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/remove/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Remove files`,
-  description: `Learn more about how to remove files using Amplify's storage category`
+  description: `Learn more about how to remove files using Amplify's storage category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/remove.mdx';
diff --git a/src/pages/lib/storage/transfer-acceleration/q/platform/[platform].mdx b/src/pages/lib/storage/transfer-acceleration/q/platform/[platform].mdx
index 1040e27195c..7194db04b21 100644
--- a/src/pages/lib/storage/transfer-acceleration/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/transfer-acceleration/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Use Transfer Acceleration`,
   description: `How to enable and use S3's Transfer Acceleration on your S3 bucket`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js from "/src/fragments/lib/storage/js/transfer-acceleration.mdx";
diff --git a/src/pages/lib/storage/triggers/q/platform/[platform].mdx b/src/pages/lib/storage/triggers/q/platform/[platform].mdx
index 1a719d05cfc..7e3e5bb32d7 100644
--- a/src/pages/lib/storage/triggers/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/triggers/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Lambda triggers`,
   description: `Learn more about how to enable triggers for the Storage Category with Amazon S3 & Amazon DynamoDB as Providers. The CLI supports associating Lambda triggers with S3 and DynamoDB events. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 If you are looking to enable triggers for the Storage Category with Amazon S3 & Amazon DynamoDB as Providers, the CLI supports associating Lambda triggers with S3 and DynamoDB events. For example, this can be useful for a use case where you want to invoke a Lambda function after a create or update operation on a DynamoDB table managed by the Amplify CLI. 
diff --git a/src/pages/lib/storage/upload/q/platform/[platform].mdx b/src/pages/lib/storage/upload/q/platform/[platform].mdx
index 5f6bc712245..b71c9f37cea 100644
--- a/src/pages/lib/storage/upload/q/platform/[platform].mdx
+++ b/src/pages/lib/storage/upload/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Upload files`,
-  description: `Learn more about how to upload files using Amplify's storage category`
+  description: `Learn more about how to upload files using Amplify's storage category`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/storage/js/upload.mdx';
diff --git a/src/pages/lib/troubleshooting/strict-mode/q/platform/[platform].mdx b/src/pages/lib/troubleshooting/strict-mode/q/platform/[platform].mdx
index 53aac410435..e903b0327ef 100644
--- a/src/pages/lib/troubleshooting/strict-mode/q/platform/[platform].mdx
+++ b/src/pages/lib/troubleshooting/strict-mode/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Typescript Strict Mode `,
-  description: `Typescript Strict Mode `
+  description: `Typescript Strict Mode `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/troubleshooting/js/strict-mode.mdx';
diff --git a/src/pages/lib/troubleshooting/upgrading/q/platform/[platform].mdx b/src/pages/lib/troubleshooting/upgrading/q/platform/[platform].mdx
index d052140a27c..284bbb2bcf4 100644
--- a/src/pages/lib/troubleshooting/upgrading/q/platform/[platform].mdx
+++ b/src/pages/lib/troubleshooting/upgrading/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Upgrading Amplify packages  `,
-  description: `Upgrading Amplify packages `
+  description: `Upgrading Amplify packages `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/troubleshooting/js/upgrading.mdx';
diff --git a/src/pages/lib/utilities/cache/q/platform/[platform].mdx b/src/pages/lib/utilities/cache/q/platform/[platform].mdx
index c6706943415..6307cef63a8 100644
--- a/src/pages/lib/utilities/cache/q/platform/[platform].mdx
+++ b/src/pages/lib/utilities/cache/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Cache`,
-  description: `The Amplify Cache module provides a generic LRU cache for JavaScript developers to store data with priority and expiration settings.`
+  description: `The Amplify Cache module provides a generic LRU cache for JavaScript developers to store data with priority and expiration settings.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/utilities/cache.mdx';
diff --git a/src/pages/lib/utilities/hub/q/platform/[platform].mdx b/src/pages/lib/utilities/hub/q/platform/[platform].mdx
index e5180356612..f4608a6abd6 100644
--- a/src/pages/lib/utilities/hub/q/platform/[platform].mdx
+++ b/src/pages/lib/utilities/hub/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Hub`,
-  description: `Amplify has a local eventing system called Hub. It is a lightweight implementation of Publisher-Subscriber pattern, and is used to share data between modules and components in your app. `
+  description: `Amplify has a local eventing system called Hub. It is a lightweight implementation of Publisher-Subscriber pattern, and is used to share data between modules and components in your app. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/utilities/js/hub.mdx';
diff --git a/src/pages/lib/utilities/i18n/q/platform/[platform].mdx b/src/pages/lib/utilities/i18n/q/platform/[platform].mdx
index 3f071f6761f..5246c76f90f 100644
--- a/src/pages/lib/utilities/i18n/q/platform/[platform].mdx
+++ b/src/pages/lib/utilities/i18n/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Internationalization`,
-  description: `The AWS Amplify I18n module is a lightweight internationalization solution.`
+  description: `The AWS Amplify I18n module is a lightweight internationalization solution.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/utilities/i18n.mdx';
diff --git a/src/pages/lib/utilities/logger/q/platform/[platform].mdx b/src/pages/lib/utilities/logger/q/platform/[platform].mdx
index 1c61ec6fc04..da0205b50c4 100644
--- a/src/pages/lib/utilities/logger/q/platform/[platform].mdx
+++ b/src/pages/lib/utilities/logger/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Logger`,
-  description: `AWS Amplify writes console logs through Logger. You can use Logger in your apps for the same purpose.`
+  description: `AWS Amplify writes console logs through Logger. You can use Logger in your apps for the same purpose.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from '/src/fragments/lib/utilities/logger.mdx';
diff --git a/src/pages/lib/utilities/serviceworker/q/platform/[platform].mdx b/src/pages/lib/utilities/serviceworker/q/platform/[platform].mdx
index 7b7c9537d73..157fcc48128 100644
--- a/src/pages/lib/utilities/serviceworker/q/platform/[platform].mdx
+++ b/src/pages/lib/utilities/serviceworker/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Service Worker`,
   description: `AWS Amplify ServiceWorker class enables registering a service worker in the browser and communicating with it via postMessage events, so that you can create rich offline experiences with Push APIs and analytics.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/lib/utilities/serviceworker.mdx";
diff --git a/src/pages/sdk/analytics/endpoints/q/platform/[platform].mdx b/src/pages/sdk/analytics/endpoints/q/platform/[platform].mdx
index 26027ffcf3f..972feed5db9 100644
--- a/src/pages/sdk/analytics/endpoints/q/platform/[platform].mdx
+++ b/src/pages/sdk/analytics/endpoints/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Endpoints`,
   description: `When a user starts a session (for example, by launching your mobile app), your mobile or web application can automatically register (or update) an endpoint with Amazon Pinpoint. The endpoint represents the device that the user starts the session with.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/analytics/events/q/platform/[platform].mdx b/src/pages/sdk/analytics/events/q/platform/[platform].mdx
index 7c157c15416..b1ece91fac5 100644
--- a/src/pages/sdk/analytics/events/q/platform/[platform].mdx
+++ b/src/pages/sdk/analytics/events/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Events`,
   description: `You can use the AWS Android SDK for Pinpoint to report usage data, or events, to Amazon Pinpoint. You can report events to capture information such as session times, users’ purchasing behavior, sign-in attempts, or any custom event type that you need.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/analytics/getting-started/q/platform/[platform].mdx b/src/pages/sdk/analytics/getting-started/q/platform/[platform].mdx
index 2dc8a17d0b1..656380dd2c3 100644
--- a/src/pages/sdk/analytics/getting-started/q/platform/[platform].mdx
+++ b/src/pages/sdk/analytics/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting Started`,
   description: `Learn more about how to add analytics capabilities in your cloud-based application using AWS Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/analytics/kinesis/q/platform/[platform].mdx b/src/pages/sdk/analytics/kinesis/q/platform/[platform].mdx
index 87335cd7769..78050e2700a 100644
--- a/src/pages/sdk/analytics/kinesis/q/platform/[platform].mdx
+++ b/src/pages/sdk/analytics/kinesis/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Using Amazon Kinesis`,
   description: `Learn how to interface with Amazon Kinesis Data Streams and Amazon Kinesis Data Firehose to stream analytics data for real-time processing using Amplify.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/api/graphql/q/platform/[platform].mdx b/src/pages/sdk/api/graphql/q/platform/[platform].mdx
index 1bcc5b57cb6..35181a253ba 100644
--- a/src/pages/sdk/api/graphql/q/platform/[platform].mdx
+++ b/src/pages/sdk/api/graphql/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `GraphQL - Realtime and Offline`,
   description: `AWS AppSync helps you build data-driven apps with real-time and offline capabilities. The AppSync Android SDK enables you to integrate your app with the AWS AppSync service and is based off of the Apollo project found here.  `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/api/rest/q/platform/[platform].mdx b/src/pages/sdk/api/rest/q/platform/[platform].mdx
index 95374938003..6e4dbd1e176 100644
--- a/src/pages/sdk/api/rest/q/platform/[platform].mdx
+++ b/src/pages/sdk/api/rest/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `REST API`,
   description: `The API category will perform SDK code generation which, when used with the AWSMobileClient can be used for creating signed requests for Amazon API Gateway when the service Authorization is set to AWS_IAM or when using a Cognito User Pools Authorizer.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/auth/custom-auth-flow/q/platform/[platform].mdx b/src/pages/sdk/auth/custom-auth-flow/q/platform/[platform].mdx
index f07f17b05dc..62957fc72ce 100644
--- a/src/pages/sdk/auth/custom-auth-flow/q/platform/[platform].mdx
+++ b/src/pages/sdk/auth/custom-auth-flow/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Custom auth flow`,
   description: `Learn how to customize the authentication flow with Amazon Cognito User Pools to enable custom challenge types, in addition to a password in order to verify the identity of users. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/auth/device-features/q/platform/[platform].mdx b/src/pages/sdk/auth/device-features/q/platform/[platform].mdx
index 807b8d752b8..bbbfa9d6d40 100644
--- a/src/pages/sdk/auth/device-features/q/platform/[platform].mdx
+++ b/src/pages/sdk/auth/device-features/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Device features`,
   description: `You can use the device related features of Amazon Cognito UserPools by enabling the Devices features.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/auth/drop-in-auth/q/platform/[platform].mdx b/src/pages/sdk/auth/drop-in-auth/q/platform/[platform].mdx
index 6a4dbb061c2..b750ee1a3cb 100644
--- a/src/pages/sdk/auth/drop-in-auth/q/platform/[platform].mdx
+++ b/src/pages/sdk/auth/drop-in-auth/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Drop-in auth`,
   description: `Learn how to use and customize AWSMobileClient's simple “drop-in” auth UI for your application. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/auth/federated-identities/q/platform/[platform].mdx b/src/pages/sdk/auth/federated-identities/q/platform/[platform].mdx
index 51bf4f55062..69c92957777 100644
--- a/src/pages/sdk/auth/federated-identities/q/platform/[platform].mdx
+++ b/src/pages/sdk/auth/federated-identities/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Federated identities`,
   description: `Federated Sign In can be used to obtain federated “Identity ID” using external providers. Learn how to setup external sign-in providers like SAML provider, Facebook, Google, Sign in with Apple. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/auth/getting-started/q/platform/[platform].mdx b/src/pages/sdk/auth/getting-started/q/platform/[platform].mdx
index 38c36e4f919..ebd5fca54d4 100644
--- a/src/pages/sdk/auth/getting-started/q/platform/[platform].mdx
+++ b/src/pages/sdk/auth/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
   description: `Learn how to integrate auth capabilities into your mobile app with AWS Mobile SDK.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/auth/guest-access/q/platform/[platform].mdx b/src/pages/sdk/auth/guest-access/q/platform/[platform].mdx
index 5e104911dae..74bb7d33cd1 100644
--- a/src/pages/sdk/auth/guest-access/q/platform/[platform].mdx
+++ b/src/pages/sdk/auth/guest-access/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Guest access`,
   description: `Learn how to enable “Guest” or “Unauthenticated” UX in your application. This is provided out of the box with AWSMobileClient through the initialization routine you have added.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/auth/hosted-ui/q/platform/[platform].mdx b/src/pages/sdk/auth/hosted-ui/q/platform/[platform].mdx
index 7692b98bc97..449a2b9fa4c 100644
--- a/src/pages/sdk/auth/hosted-ui/q/platform/[platform].mdx
+++ b/src/pages/sdk/auth/hosted-ui/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Hosted UI`,
   description: `Amazon Cognito provides a customizable user experience via the Hosted UI. The Hosted UI is an OAuth 2.0 flow that allows you to launch a login screen without embedding an SDK for Cognito or a social provider into your application. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/auth/how-it-works/q/platform/[platform].mdx b/src/pages/sdk/auth/how-it-works/q/platform/[platform].mdx
index 9fb8dd2969d..ccfcf9d08d3 100644
--- a/src/pages/sdk/auth/how-it-works/q/platform/[platform].mdx
+++ b/src/pages/sdk/auth/how-it-works/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Overview`,
   description: `The AWSMobileClient provides client APIs and building blocks for developers who want to create user authentication experiences. Learn more about how it works. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/auth/working-with-api/q/platform/[platform].mdx b/src/pages/sdk/auth/working-with-api/q/platform/[platform].mdx
index 7ea754506a2..3a9179fc6a7 100644
--- a/src/pages/sdk/auth/working-with-api/q/platform/[platform].mdx
+++ b/src/pages/sdk/auth/working-with-api/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Working with the API`,
   description: `Learn more about how to use Amplify's auth APIs  `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/configuration/setup-options/q/platform/[platform].mdx b/src/pages/sdk/configuration/setup-options/q/platform/[platform].mdx
index 569cdc841f9..4192c3b45d4 100644
--- a/src/pages/sdk/configuration/setup-options/q/platform/[platform].mdx
+++ b/src/pages/sdk/configuration/setup-options/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `SDK Setup Options`,
   description: `The AWS SDK contains high level client interfaces for quickly adding common features and functionality to your app. You can also manually add the generated AWS service interfaces for direct interaction if you have custom or advanced requirements.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/sdk/configuration/ios/setup-options.mdx";
diff --git a/src/pages/sdk/index.mdx b/src/pages/sdk/index.mdx
new file mode 100644
index 00000000000..5a938aa842f
--- /dev/null
+++ b/src/pages/sdk/index.mdx
@@ -0,0 +1,12 @@
+import ChooseFilterPage from '@/components/ChooseFilterPage';
+
+import { PLATFORM_FILTER_OPTIONS } from '@/utils/filter-data.ts';
+
+<ChooseFilterPage
+  directoryPath="/ChooseFilterPage"
+  address="/sdk"
+  filterKind="platform"
+  filters={PLATFORM_FILTER_OPTIONS}
+  currentFilter="all"
+  message={`Please select one of the following:`}
+/>
diff --git a/src/pages/sdk/info/app-uninstall/q/platform/[platform].mdx b/src/pages/sdk/info/app-uninstall/q/platform/[platform].mdx
index 38c3e032c28..5a06f323709 100644
--- a/src/pages/sdk/info/app-uninstall/q/platform/[platform].mdx
+++ b/src/pages/sdk/info/app-uninstall/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Uninstalling the app`,
   description: `Learn about the data that gets stored persistently on a device.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/sdk/info/native_common/app-uninstall/common.mdx";
diff --git a/src/pages/sdk/info/overview/q/platform/[platform].mdx b/src/pages/sdk/info/overview/q/platform/[platform].mdx
index 6542cc57e84..dffa94abb55 100644
--- a/src/pages/sdk/info/overview/q/platform/[platform].mdx
+++ b/src/pages/sdk/info/overview/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Data Information`,
   description: `Information regarding the data collected by the library`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/sdk/info/native_common/data-information/common.mdx";
diff --git a/src/pages/sdk/pubsub/aws-iot-and-amplify/q/platform/[platform].mdx b/src/pages/sdk/pubsub/aws-iot-and-amplify/q/platform/[platform].mdx
index 7e1b40c4671..9efd4b8e988 100644
--- a/src/pages/sdk/pubsub/aws-iot-and-amplify/q/platform/[platform].mdx
+++ b/src/pages/sdk/pubsub/aws-iot-and-amplify/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Using AWS IoT with Amplify`,
   description: `Learn how to use the AWS IoT capabilities in an application that uses the newest Amplify library.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios1 from "/src/fragments/sdk/pubsub/ios/aws-iot-and-amplify.mdx";
diff --git a/src/pages/sdk/pubsub/getting-started/q/platform/[platform].mdx b/src/pages/sdk/pubsub/getting-started/q/platform/[platform].mdx
index efc61e24bec..658a8638ad9 100644
--- a/src/pages/sdk/pubsub/getting-started/q/platform/[platform].mdx
+++ b/src/pages/sdk/pubsub/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
   description: `Learn how to integrate connectivity with cloud-based message-oriented middleware using PubSub and AWS Mobile SDK. You can use PubSub to pass messages between your app instances and your app’s backend creating real-time interactive experiences.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/pubsub/working-api/q/platform/[platform].mdx b/src/pages/sdk/pubsub/working-api/q/platform/[platform].mdx
index 3ffa453004f..e5b918ac725 100644
--- a/src/pages/sdk/pubsub/working-api/q/platform/[platform].mdx
+++ b/src/pages/sdk/pubsub/working-api/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Working with the API`,
   description: `Learn how to establish a connection, subscribe to a topic, publish to a topic, unsubscribe from a topic and close a connection with PubSub on AWS Mobile SDK.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/push-notifications/getting-started/q/platform/[platform].mdx b/src/pages/sdk/push-notifications/getting-started/q/platform/[platform].mdx
index c657e052ac9..c14a5070669 100644
--- a/src/pages/sdk/push-notifications/getting-started/q/platform/[platform].mdx
+++ b/src/pages/sdk/push-notifications/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
   description: `Enable your users to receive mobile push messages sent from the Apple (APNs) and Google (FCM/GCM) platforms. The Amplify CLI deploys your push notification backend using Amazon Pinpoint. You can also create Amazon Pinpoint campaigns that tie user behavior to push or other forms of messaging.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/push-notifications/messaging-campaign/q/platform/[platform].mdx b/src/pages/sdk/push-notifications/messaging-campaign/q/platform/[platform].mdx
index 6a19c2f9a4d..3d9ccc826d4 100644
--- a/src/pages/sdk/push-notifications/messaging-campaign/q/platform/[platform].mdx
+++ b/src/pages/sdk/push-notifications/messaging-campaign/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Messaging campaigns`,
   description: `Use AWS Mobile SDK and the Amazon Pinpoint console to target your app users with push messaging. You can send individual messages or configure campaigns that target a group of users that match a profile that you define.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/push-notifications/setup-push-service/q/platform/[platform].mdx b/src/pages/sdk/push-notifications/setup-push-service/q/platform/[platform].mdx
index d036b66a163..a03434305a3 100644
--- a/src/pages/sdk/push-notifications/setup-push-service/q/platform/[platform].mdx
+++ b/src/pages/sdk/push-notifications/setup-push-service/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Setting up push notification services`,
   description: `Learn how to setup the various push notification services for your mobile app.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/q/platform/[platform].mdx b/src/pages/sdk/q/platform/[platform].mdx
index 67784af4a24..5d99541c90a 100644
--- a/src/pages/sdk/q/platform/[platform].mdx
+++ b/src/pages/sdk/q/platform/[platform].mdx
@@ -1,8 +1,26 @@
 export const meta = {
   title: "AWS Mobile SDK",
   description: "The AWS Mobile SDK for Android enables you to build mobile apps by providing simplified APIs for AWS services such as Amazon Cognito, Amazon S3, AWS AppSync and more.",
-  filterKey: "platform",
   disableTOC: "true",
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/lib/ios-sdk.mdx";
diff --git a/src/pages/sdk/storage/configure-access/q/platform/[platform].mdx b/src/pages/sdk/storage/configure-access/q/platform/[platform].mdx
index 70219d941e1..20045aaa8c5 100644
--- a/src/pages/sdk/storage/configure-access/q/platform/[platform].mdx
+++ b/src/pages/sdk/storage/configure-access/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Configure Access `,
   description: `description`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/storage/getting-started/q/platform/[platform].mdx b/src/pages/sdk/storage/getting-started/q/platform/[platform].mdx
index c73ddbb560f..042b28bfd47 100644
--- a/src/pages/sdk/storage/getting-started/q/platform/[platform].mdx
+++ b/src/pages/sdk/storage/getting-started/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Getting started`,
   description: `Learn how to configure the data access level on your stored objects using AWS Mobile SDK.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/storage/graphql-api/q/platform/[platform].mdx b/src/pages/sdk/storage/graphql-api/q/platform/[platform].mdx
index d54ab9829cf..d43d222965a 100644
--- a/src/pages/sdk/storage/graphql-api/q/platform/[platform].mdx
+++ b/src/pages/sdk/storage/graphql-api/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Using GraphQL API`,
   description: `Learn how to upload and download Amazon S3 Objects using AWS AppSync, a GraphQL based solution to build data-driven apps with real-time and offline capabilities.`,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/sdk/storage/transfer-utility/q/platform/[platform].mdx b/src/pages/sdk/storage/transfer-utility/q/platform/[platform].mdx
index 2626d691c1f..a6187a8259d 100644
--- a/src/pages/sdk/storage/transfer-utility/q/platform/[platform].mdx
+++ b/src/pages/sdk/storage/transfer-utility/q/platform/[platform].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Using TransferUtility`,
   description: `To make it easy to upload and download objects from Amazon S3, AWS Mobile SDK provides a TransferUtility component with built-in support for background transfers, progress tracking, and MultiPart uploads. `,
+  filterKey: "platform",
+  supportedPlatforms: PLATFORM_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { PLATFORM_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            platform: context.params.platform,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import all0 from "/src/fragments/sdk/library-callout.mdx";
diff --git a/src/pages/start/getting-started/add-api/q/integration/[integration].mdx b/src/pages/start/getting-started/add-api/q/integration/[integration].mdx
index efaa8b58fd8..e4483c0d2bc 100644
--- a/src/pages/start/getting-started/add-api/q/integration/[integration].mdx
+++ b/src/pages/start/getting-started/add-api/q/integration/[integration].mdx
@@ -1,7 +1,25 @@
 export const meta = {
   title: `Connect to the cloud`,
   description: `Getting Started with Amplify Libraries - how to add API and database to your app.`,
-  filterKey: `integration`,
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/start/getting-started/ios/add-api.mdx";
diff --git a/src/pages/start/getting-started/auth/q/integration/[integration].mdx b/src/pages/start/getting-started/auth/q/integration/[integration].mdx
index b98260530ed..0a047806742 100644
--- a/src/pages/start/getting-started/auth/q/integration/[integration].mdx
+++ b/src/pages/start/getting-started/auth/q/integration/[integration].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Add authentication`,
-  description: `Getting Started with Amplify - how to add auth to your app`
+  description: `Getting Started with Amplify - how to add auth to your app`,
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import react0 from '/src/fragments/start/getting-started/react/auth.mdx';
diff --git a/src/pages/start/getting-started/data-model/q/integration/[integration].mdx b/src/pages/start/getting-started/data-model/q/integration/[integration].mdx
index 8ce1bad5b99..f90e7dde2ea 100644
--- a/src/pages/start/getting-started/data-model/q/integration/[integration].mdx
+++ b/src/pages/start/getting-started/data-model/q/integration/[integration].mdx
@@ -1,7 +1,25 @@
 export const meta = {
   title: `Connect API and database to the app`,
   description: `Getting Started with Amplify - how to model your data using Amplify`,
-  filterKey: `integration`,
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import next0 from "/src/fragments/start/getting-started/next/api.mdx";
diff --git a/src/pages/start/getting-started/generate-model/q/integration/[integration].mdx b/src/pages/start/getting-started/generate-model/q/integration/[integration].mdx
index 133132a8684..6a84f6e622d 100644
--- a/src/pages/start/getting-started/generate-model/q/integration/[integration].mdx
+++ b/src/pages/start/getting-started/generate-model/q/integration/[integration].mdx
@@ -1,7 +1,25 @@
 export const meta = {
   title: `Generate model files`,
   description: `Getting Started with Amplify Libraries - Generate model files`,
-  filterKey: `integration`,
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/start/getting-started/ios/generate-model.mdx";
diff --git a/src/pages/start/getting-started/hosting/q/integration/[integration].mdx b/src/pages/start/getting-started/hosting/q/integration/[integration].mdx
index 49278f0f661..6913c186d8e 100644
--- a/src/pages/start/getting-started/hosting/q/integration/[integration].mdx
+++ b/src/pages/start/getting-started/hosting/q/integration/[integration].mdx
@@ -1,7 +1,25 @@
 export const meta = {
   title: `Deploy and host app`,
   description: `Getting Started with Amplify - how to host & deploy your web app`,
-  filterKey: `integration`
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import next0 from '/src/fragments/start/getting-started/next/hosting.mdx';
diff --git a/src/pages/start/getting-started/installation/q/integration/[integration].mdx b/src/pages/start/getting-started/installation/q/integration/[integration].mdx
index b313970adee..584d7802995 100644
--- a/src/pages/start/getting-started/installation/q/integration/[integration].mdx
+++ b/src/pages/start/getting-started/installation/q/integration/[integration].mdx
@@ -1,7 +1,25 @@
 export const meta = {
   title: `Prerequisites`,
   description: `Getting Started with Amplify - Prerequisites`,
-  filterKey: `integration`,
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import js0 from "/src/fragments/start/getting-started/common/prereq.mdx";
diff --git a/src/pages/start/getting-started/integrate/q/integration/[integration].mdx b/src/pages/start/getting-started/integrate/q/integration/[integration].mdx
index b26be6ec441..08641c01ab0 100644
--- a/src/pages/start/getting-started/integrate/q/integration/[integration].mdx
+++ b/src/pages/start/getting-started/integrate/q/integration/[integration].mdx
@@ -1,7 +1,25 @@
 export const meta = {
   title: `Integrate in your app`,
   description: `Getting Started with Amplify Libraries - How to integrate Amplify into your app`,
-  filterKey: `integration`,
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import ios0 from "/src/fragments/start/getting-started/ios/integrate.mdx";
diff --git a/src/pages/start/getting-started/nextsteps/q/integration/[integration].mdx b/src/pages/start/getting-started/nextsteps/q/integration/[integration].mdx
index 917ce48359d..a2ad2d92128 100644
--- a/src/pages/start/getting-started/nextsteps/q/integration/[integration].mdx
+++ b/src/pages/start/getting-started/nextsteps/q/integration/[integration].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Next steps`,
   description: `Getting Started with Amplify - Next steps`,
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import angular0 from "/src/fragments/start/getting-started/common/nextsteps-header.mdx";
diff --git a/src/pages/start/getting-started/setup/q/integration/[integration].mdx b/src/pages/start/getting-started/setup/q/integration/[integration].mdx
index dd2a3355ae4..64162c93160 100644
--- a/src/pages/start/getting-started/setup/q/integration/[integration].mdx
+++ b/src/pages/start/getting-started/setup/q/integration/[integration].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `Set up fullstack project`,
   description: `Getting Started with Amplify - Setup a fullstack project`,
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import next0 from "/src/fragments/start/getting-started/next/setup.mdx";
diff --git a/src/pages/start/index.mdx b/src/pages/start/index.mdx
new file mode 100644
index 00000000000..5c70dbc0273
--- /dev/null
+++ b/src/pages/start/index.mdx
@@ -0,0 +1,12 @@
+import ChooseFilterPage from '@/components/ChooseFilterPage';
+
+import { INTEGRATION_FILTER_OPTIONS } from '@/utils/filter-data.ts';
+
+<ChooseFilterPage
+  directoryPath="/ChooseFilterPage"
+  address="/start"
+  filterKind="integration"
+  filters={INTEGRATION_FILTER_OPTIONS}
+  currentFilter="all"
+  message={`Please select one of the following:`}
+/>
diff --git a/src/pages/start/q/integration/[integration].mdx b/src/pages/start/q/integration/[integration].mdx
index 0a159dc2bb1..d321ffdb1e8 100644
--- a/src/pages/start/q/integration/[integration].mdx
+++ b/src/pages/start/q/integration/[integration].mdx
@@ -2,7 +2,25 @@ export const meta = {
   title: 'Getting started',
   description: 'Getting Started with Amplify',
   disableTOC: 'true',
-  filterKey: 'integration'
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 AWS Amplify is a complete solution that lets frontend web and mobile developers easily build, connect, and host fullstack applications on AWS, with the flexibility to leverage the breadth of AWS services as your use cases evolve. Amplify provides the following products to build fullstack iOS, Android, Flutter, Web, and React Native apps. These products are all designed to work independently:
diff --git a/src/pages/start/sample-apps/todo-app/q/integration/[integration].mdx b/src/pages/start/sample-apps/todo-app/q/integration/[integration].mdx
index a78eef232e6..eec0c9ba982 100644
--- a/src/pages/start/sample-apps/todo-app/q/integration/[integration].mdx
+++ b/src/pages/start/sample-apps/todo-app/q/integration/[integration].mdx
@@ -1,6 +1,25 @@
 export const meta = {
   title: `ToDo App`,
   description: `Getting Started with Amplify - Try Amplify on a ToDo sample app`,
+  filterKey: "integration",
+  supportedPlatforms: INTEGRATION_FILTER_OPTIONS
+};
+      
+import { generateStaticPaths } from "@/utils/generateStaticPaths.tsx";
+
+import { INTEGRATION_FILTER_OPTIONS } from "@/utils/filter-data.ts";
+
+export const getStaticPaths = () => {
+    return generateStaticPaths(meta.filterKey, meta.supportedPlatforms);
+};
+
+export const getStaticProps = (context) => {
+    return {
+        props: {
+            integration: context.params.integration,
+            filterKind: meta.filterKey
+        }
+    };
 };
 
 import android1 from "/src/fragments/start/sample-apps/android/todo-app.mdx";
diff --git a/src/plugins/page.tsx b/src/plugins/page.tsx
index bbb4d6537a9..25cc6fdca36 100644
--- a/src/plugins/page.tsx
+++ b/src/plugins/page.tsx
@@ -7,8 +7,7 @@ module.exports = (async () => {
         tree.children.splice(index + 1, 0, {
           type: 'export',
           default: true,
-          value:
-            'export default ({ frontmatter, children }) => <Page frontmatter={frontmatter} meta={meta}>{children}</Page>'
+          value: `export default ({ frontmatter, children, platform, filterKind, integration }) => <Page frontmatter={frontmatter} meta={meta} platform={platform||integration} filterKind={filterKind}>{children}</Page>`
         });
       }
     });
diff --git a/src/utils/filter-data.ts b/src/utils/filter-data.ts
index 083caa92bba..291582a380b 100644
--- a/src/utils/filter-data.ts
+++ b/src/utils/filter-data.ts
@@ -33,7 +33,7 @@ export const FRAMEWORK_FILTER_OPTIONS = [
   "flutter"
 ];
 
-const INTEGRATION_FILTER_OPTIONS = [...new Set([
+export const INTEGRATION_FILTER_OPTIONS = [...new Set([
   ...PLATFORM_FILTER_OPTIONS,
   ...FRAMEWORK_FILTER_OPTIONS,
 ])];
diff --git a/src/utils/gatherFilters.ts b/src/utils/gatherFilters.ts
index c67b0ff88f4..80becbe8255 100644
--- a/src/utils/gatherFilters.ts
+++ b/src/utils/gatherFilters.ts
@@ -38,6 +38,7 @@ const treeHasAgnosticContent = function(tree): boolean {
 };
 
 const addFilters = function(filters, newFilters) {
+  if(!newFilters || typeof newFilters[Symbol.iterator] !== 'function') return;
   for (const filter of newFilters) {
     if (!filters.includes(filter)) filters.push(filter);
   }
diff --git a/src/utils/generateStaticPaths.tsx b/src/utils/generateStaticPaths.tsx
new file mode 100644
index 00000000000..4b9827e65f0
--- /dev/null
+++ b/src/utils/generateStaticPaths.tsx
@@ -0,0 +1,15 @@
+export function generateStaticPaths(
+  filterKey: string,
+  supportedPlatforms: string[]
+) {
+  return {
+    paths: supportedPlatforms.map((platform) => {
+      return {
+        params: {
+          [filterKey]: platform
+        }
+      };
+    }),
+    fallback: false
+  };
+}
diff --git a/tsconfig.json b/tsconfig.json
index 073987f7d7d..57972aaa937 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,7 +11,11 @@
     "noEmit": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "paths": {
+      "@/utils/*": ["src/utils/*"],
+      "@/components/*": ["src/components/*"]
+    }
   },
   "extends": "./tsconfig.base.json",
   "include": [