mdx example

nlxai · Mar 1, 2024 · 02a91e3 · 02a91e3
1 parent 3fb54ef
commit 02a91e3
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 22 deletions.
diff --git a/...ite/src/content/01-01-getting-started.tsx → ...ite/src/content/01-01-getting-started.mdx b/...ite/src/content/01-01-getting-started.tsx → ...ite/src/content/01-01-getting-started.mdx
@@ -3,20 +3,14 @@ import { PageTitle } from "../components/PageTitle";
 import { PageContent } from "../components/PageContent";
 import { packageUrls } from "../constants";
 
-export const content = `
+
+<PageTitle pretitle="Introduction" title="Getting started" />
+
+<PageContent>
 This is the official JavaScript SDK to communicate with conversational bots created using NLX Dialog Studio. It contains the following packages:
 * [@nlxai/chat-widget](${packageUrls.chatWidget}): the official out-of-the-box, themeable NLX widget.
 * [@nlxai/chat-react](${packageUrls.chatReact}): React custom hook for building chat widgets.
 * [@nlxai/chat-preact](${packageUrls.chatPreact}): Preact custom hook for building chat widgets.
 * [@nlxai/chat-core](${packageUrls.chatCore}): vanilla JavaScript SDK for creating fully custom chat widgets.
 * [@nlxai/voice-compass](${packageUrls.voiceCompass}): multimodal capabilities.
-`;
-
-export const GettingStarted = () => {
-  return (
-    <>
-      <PageTitle pretitle="Introduction" title="Getting started" />
-      <PageContent md={content} />
-    </>
-  );
-};
+</PageContent>
diff --git a/...ebsite/src/content/01-02-installation.tsx → ...ebsite/src/content/01-02-installation.mdx b/...ebsite/src/content/01-02-installation.tsx → ...ebsite/src/content/01-02-installation.mdx
@@ -3,7 +3,9 @@ import { PageTitle } from "../components/PageTitle";
 import { PageContent } from "../components/PageContent";
 import { umdScriptTags, packageUrls } from "../constants";
 
-export const content = `
+
+<PageTitle pretitle="Install" title="Installation" />
+<PageContent>
 SDK packages can be installed as follows:
 
 ## Using script tags
@@ -48,13 +50,4 @@ npm install @nlxai/chat-core
 # Voice Compass
 npm install @nlxai/voice-compass
 ~~~
-`;
-
-export const Installation = () => {
-  return (
-    <>
-      <PageTitle pretitle="Install" title="Installation" />
-      <PageContent md={content} />
-    </>
-  );
-};
+</PageContent>
diff --git a/packages/website/src/content/getting-started.mdx b/packages/website/src/content/getting-started.mdx
@@ -0,0 +1,5 @@
+<PageContent>
+## hello, world!
+
+this isn't a header: hi hi
+</PageContent>