docs: revise main docs outline (#10502)

www/apps/ui/contentlayer.config.ts

@@ -1,3 +1,5 @@
+import "dotenv/config"
+
 import { defineDocumentType, makeSource } from "contentlayer/source-files"
 import { rehypeComponent } from "./src/lib/rehype-component"
 import rehypeSlug from "rehype-slug"
@@ -28,5 +30,11 @@ export default makeSource({
   documentTypes: [Doc],
   mdx: {
     rehypePlugins: [[rehypeComponent], [rehypeSlug]],
+    mdxOptions: (options) => {
+      return {
+        ...options,
+        development: process.env.NODE_ENV === "development",
+      }
+    },
   },
 })

www/apps/ui/package.json

@@ -5,7 +5,8 @@
   "scripts": {
     "dev": "next dev",
     "dev:monorepo": "yarn dev -p 3002",
-    "build": "yarn copy-colors && next build",
+    "contentlayer:build": "contentlayer build",
+    "build": "yarn copy-colors && yarn contentlayer:build && next build",
     "start": "next start",
     "start:monorepo": "yarn start -p 3002",
     "lint": "next lint --fix",