wip

Author: hasparus

src/components/learn-aggregator/common-questions.tsx

@@ -25,19 +25,16 @@ export function CommonQuestionsSection(
       <ul className="row-span-full mt-6 ![grid-column:2] *:border-b *:border-neu-200 dark:*:border-neu-100 lg:w-[380px] xl:w-[496px]">
         <CommonQuestionsItem
           title="Getting started"
-          href="/learn/faq#getting-started"
+          href="/faq#getting-started"
         />
-        <CommonQuestionsItem title="General" href="/learn/faq#general" />
+        <CommonQuestionsItem title="General" href="/faq#general" />
         <CommonQuestionsItem
           title="Best practices"
-          href="/learn/faq#best-practices"
+          href="/faq#best-practices"
         />
-        <CommonQuestionsItem
-          title="Specification"
-          href="/learn/faq#specification"
-        />
-        <CommonQuestionsItem title="Frontend" href="/learn/faq#frontend" />
-        <CommonQuestionsItem title="Foundation" href="/learn/faq#foundation" />
+        <CommonQuestionsItem title="Specification" href="/faq#specification" />
+        <CommonQuestionsItem title="Frontend" href="/faq#frontend" />
+        <CommonQuestionsItem title="Foundation" href="/faq#foundation" />
       </ul>
     </section>
   )

src/pages/faq/_meta.ts

@@ -1,14 +1,11 @@
 export default {
   index: {
-    title: "Overview",
-    theme: {
-      toc: false,
-    },
+    title: "FAQ",
   },
-  "getting-started": "",
-  general: "",
-  "best-practices": "",
-  specification: "",
-  frontend: "",
-  foundation: "",
+  "getting-started": { display: "hidden" },
+  general: { display: "hidden" },
+  "best-practices": { display: "hidden" },
+  specification: { display: "hidden" },
+  frontend: { display: "hidden" },
+  foundation: { display: "hidden" },
 }

src/pages/faq/index.mdx

@@ -1,14 +1,17 @@
-import { Cards } from 'nextra/components'
-import metaFile from './_meta'
+import { FaqAggregator, faqMdxComponents } from "@/components/faq-aggregator"
 
-# Frequently Asked Questions (FAQ)
+import GettingStarted from "./getting-started.mdx"
+import General from "./general.mdx"
+import BestPractices from "./best-practices.mdx"
+import Specification from "./specification.mdx"
+import Frontend from "./frontend.mdx"
+import Foundation from "./foundation.mdx"
 
-<Cards>
-  {Object.entries(metaFile).slice(1).map(([key]) => (
-    <Cards.Card
-      key={key}
-      title={key.split('-').map(word => word[0].toUpperCase() + word.slice(1)).join(' ')}
-      href={`/faq/${key}`} arrow
-    />
-  ))}
-</Cards>
+<h1 className="typography-h1">Frequently Asked Questions</h1>
+
+<GettingStarted components={faqMdxComponents} />
+<General components={faqMdxComponents} />
+<BestPractices components={faqMdxComponents} />
+<Specification components={faqMdxComponents} />
+<Frontend components={faqMdxComponents} />
+<Foundation components={faqMdxComponents} />