Switch to node mode to fix MDX rendering issue

noobnooc · Mar 18, 2024 · 8d33635 · 8d33635
1 parent 5a134f5
commit 8d33635
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 327 deletions.
diff --git a/app/[lang]/layout.tsx b/app/[lang]/layout.tsx
@@ -6,7 +6,8 @@ import avatar from "../../public/avatar.png";
 import Link from "next/link";
 import { dictionaryKeys, getDictionary } from "../../dictionaries";
 
-export const runtime = "edge";
+// MDX rendering will crash in edge runtime because `eval` is disabled in edge runtime.
+// export const runtime = "edge";
 
 export async function generateMetadata({
   params,

diff --git a/app/[lang]/page.tsx b/app/[lang]/page.tsx
@@ -1,4 +1,3 @@
-import { SiGithub } from "@icons-pack/react-simple-icons";
 import { ReactNode } from "react";
 import Card from "../../components/card";
 import ProfileCard from "../../components/profile-card";
@@ -7,6 +6,8 @@ import { twMerge } from "tailwind-merge";
 import subnooc from "../../public/subnooc.png";
 import { shuffleArray } from "../../lib/array";
 import { getDictionary } from "@/dictionaries";
+import Link from "next/link";
+import { PencilIcon } from "@heroicons/react/24/solid";
 
 export const runtime = "edge";
 
@@ -128,6 +129,16 @@ export default async function Home({
               {dictionary.labels.writing}
             </Label>
             <div className="grid grid-cols-2 gap-4 sm:gap-8">
+              <Card>
+                <Link
+                  className="flex aspect-square flex-col"
+                  href={dictionary.urls.posts}
+                >
+                  <PencilIcon className="mb-auto box-border h-12 w-12 self-end rounded-lg border bg-black p-3 text-white sm:h-16 sm:w-16" />
+                  <Subtitle>nooc.me/posts</Subtitle>
+                  <Title className="">{dictionary.labels.posts}</Title>
+                </Link>
+              </Card>
               <Card
                 className="flex aspect-square flex-col bg-red-300/10 dark:bg-red-400/10"
                 link="https://subnooc.com"
@@ -140,15 +151,9 @@ export default async function Home({
                   src={subnooc}
                 />
                 <Subtitle>subnooc.com</Subtitle>
-                <Title className="text-red-500">主观世界</Title>
-              </Card>
-              <Card
-                className="flex aspect-square flex-col bg-neutral-300/10 dark:bg-neutral-400/10"
-                link="https://github.com/noobnooc/noobnooc/discussions"
-              >
-                <SiGithub className="mb-auto box-border h-12 w-12 self-end rounded-lg border bg-black p-2 text-white sm:h-16 sm:w-16" />
-                <Subtitle>github.com</Subtitle>
-                <Title className="">技术分享</Title>
+                <Title className="text-red-500">
+                  {dictionary.labels.subnooc}
+                </Title>
               </Card>
             </div>
           </div>

diff --git a/app/[lang]/posts/[...slug]/page.tsx b/app/[lang]/posts/[...slug]/page.tsx
@@ -1,5 +1,3 @@
-export const runtime = "edge";
-
 import { posts } from "@/.velite";
 import { CalendarDaysIcon, LanguageIcon } from "@heroicons/react/24/solid";
 import { displayDate } from "@/lib/date";

diff --git a/app/[lang]/posts/categories/[categorySlug]/page.tsx b/app/[lang]/posts/categories/[categorySlug]/page.tsx
@@ -1,5 +1,3 @@
-export const runtime = "edge";
-
 import { posts, categories } from "@/.velite";
 import { CalendarDaysIcon } from "@heroicons/react/24/solid";
 import Link from "next/link";
@@ -8,6 +6,8 @@ import { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { displayDate } from "@/lib/date";
 
+export const runtime = "edge";
+
 export async function generateMetadata({
   params,
 }: {

diff --git a/app/[lang]/posts/page.tsx b/app/[lang]/posts/page.tsx
@@ -1,12 +1,12 @@
-export const runtime = "edge";
-
 import { posts, categories } from "@/.velite";
 import { CalendarDaysIcon } from "@heroicons/react/24/solid";
 import Link from "next/link";
 import { displayDate } from "../../../lib/date";
 import { Language, getDictionary } from "@/dictionaries";
 import { Metadata } from "next";
 
+export const runtime = "edge";
+
 export async function generateMetadata({
   params,
 }: {

diff --git a/content/posts/2024-03-15 set-up-blog-with-velite/en.mdx b/content/posts/2024-03-15 set-up-blog-with-velite/en.mdx
diff --git a/dictionaries/en.ts b/dictionaries/en.ts
@@ -92,6 +92,7 @@ A fan of Serverless.
     toc: "Table of Contents",
     categories: "Categories",
     shareTo: "Share to: ",
+    subnooc: "Subjective Nooc",
     icon(label: string) {
       return `Icon for ${label}`;
     },

diff --git a/dictionaries/zh.ts b/dictionaries/zh.ts
@@ -91,6 +91,7 @@ Serverless 爱好者。
     toc: "目录",
     categories: "分类",
     shareTo: "分享到：",
+    subnooc: "主观世界",
     icon(label: string) {
       return `${label}的图标`;
     },