[Docs][m]: Add markdown for docs and api section

2021-05-19 17:52:22 +01:00
parent 9ad383420d
commit 13905f832f
13 changed files with 1422 additions and 9563 deletions
--- a/docs/pages/docs.js
+++ b/docs/pages/docs.js
@@ -1,23 +1,43 @@
 import Head from 'next/head'
+import Link from 'next/link'
+import path from 'path'
 import Nav from '../components/Nav'
 import Footer from '../components/Footer'
 import styles from '../styles/Home.module.css'
+import { formatMD } from '../lib/utils'

-export default function Docs() {
+export default function Docs({ mdFile }) {

-  return (
-    <>
-      <Head>
-        <title>Portal.js Api Documentation</title>
-        <link rel="icon" href="/favicon.ico" />
-      </Head>
-      <Nav />
-      <div className={styles.container}>
-        <main className={styles.main}>
+    return (
+        <>
+            <Head>
+                <title>Portal.js Api Documentation</title>
+                <link rel="icon" href="/favicon.ico" />
+            </Head>
+            <Nav />
+            <div className={styles.container}>
+                <div className="prose">
+                    <div dangerouslySetInnerHTML={{ __html: mdFile }} />
+                </div>
+                <br />
+                <Link href="/installation">
+                    <button >Next Page</button>
+                </Link>
+            </div>

-        </main>
-        <Footer />
-      </div>
-    </>
-  )
+            <Footer />
+
+        </>
+    )
 }
+
+
+export async function getStaticProps() {
+    const mdFilePath = path.join(process.cwd(), "markdowns/api-doc/introduction.md")
+    const mdFile = await formatMD(mdFilePath)
+    return {
+        props: {
+            mdFile
+        }
+    }
+}