Merge pull request #7 from krystxf/feat/documentation

Feat: documentation

frontend/mdx-components.tsx

@@ -0,0 +1,9 @@
+import { MDXComponents } from "mdx/types";
+
+const useMDXComponents = (components: MDXComponents): MDXComponents => {
+  return {
+    ...components,
+  };
+};
+
+export { useMDXComponents };

frontend/next.config.mjs

@@ -1,4 +1,15 @@
+import createMDX from "@next/mdx";
+
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  // Configure `pageExtensions` to include markdown and MDX files
+  pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"],
+  // Optionally, add any other Next.js config below
+};
+
+const withMDX = createMDX({
+  // Add markdown plugins here, as desired
+});
 
-export default nextConfig;
+// Merge MDX config with Next.js config
+export default withMDX(nextConfig);

frontend/package.json

@@ -9,18 +9,22 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@mdx-js/loader": "^3.0.1",
+    "@mdx-js/react": "^3.0.1",
+    "@next/mdx": "^14.2.2",
+    "next": "14.2.2",
     "react": "^18",
-    "react-dom": "^18",
-    "next": "14.2.2"
+    "react-dom": "^18"
   },
   "devDependencies": {
-    "typescript": "^5",
+    "@types/mdx": "^2.0.13",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.2",
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
-    "eslint": "^8",
-    "eslint-config-next": "14.2.2"
+    "typescript": "^5"
   }
 }