3:I[7614,[],""]
5:I[5920,[],""]
6:I[6303,["791","static/chunks/08ffd5a1-ac4a8e9bc792a552.js","252","static/chunks/252-6dd2865078747f47.js","311","static/chunks/311-9b0fb8f6606a5ec3.js","59","static/chunks/59-f2e35b2f047fff99.js","67","static/chunks/67-5ce274445058c831.js","917","static/chunks/917-1a14ae2ccd7a4494.js","185","static/chunks/app/layout-610217646f0fe571.js"],"ThemeProvider"]
7:I[9187,["791","static/chunks/08ffd5a1-ac4a8e9bc792a552.js","252","static/chunks/252-6dd2865078747f47.js","311","static/chunks/311-9b0fb8f6606a5ec3.js","59","static/chunks/59-f2e35b2f047fff99.js","67","static/chunks/67-5ce274445058c831.js","917","static/chunks/917-1a14ae2ccd7a4494.js","185","static/chunks/app/layout-610217646f0fe571.js"],"NavigationBar"]
8:I[5007,["791","static/chunks/08ffd5a1-ac4a8e9bc792a552.js","252","static/chunks/252-6dd2865078747f47.js","311","static/chunks/311-9b0fb8f6606a5ec3.js","59","static/chunks/59-f2e35b2f047fff99.js","67","static/chunks/67-5ce274445058c831.js","917","static/chunks/917-1a14ae2ccd7a4494.js","185","static/chunks/app/layout-610217646f0fe571.js"],"FramerOverlay"]
9:I[9552,["252","static/chunks/252-6dd2865078747f47.js","160","static/chunks/app/not-found-e7a7ad017fe6ee24.js"],"GoBackButton"]
a:I[5880,["791","static/chunks/08ffd5a1-ac4a8e9bc792a552.js","252","static/chunks/252-6dd2865078747f47.js","311","static/chunks/311-9b0fb8f6606a5ec3.js","59","static/chunks/59-f2e35b2f047fff99.js","67","static/chunks/67-5ce274445058c831.js","917","static/chunks/917-1a14ae2ccd7a4494.js","185","static/chunks/app/layout-610217646f0fe571.js"],"Toaster"]
4:["id","cf-pages-nextjs-blog","d"]
0:["1EQ7X-lyHl912n0bbj9rb",[[["",{"children":["posts",{"children":[["id","cf-pages-nextjs-blog","d"],{"children":["__PAGE__?{\"id\":\"cf-pages-nextjs-blog\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["posts",{"children":[["id","cf-pages-nextjs-blog","d"],{"children":["__PAGE__",{},[["$L1","$L2",null],null],null]},[null,["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","posts","children","$4","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}]],null]},[null,["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","posts","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}]],null]},[[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/8d85e77d78283910.css","precedence":"next","crossOrigin":"$undefined"}]],["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_c1e5c9 h-full scroll-smooth antialiased pl-[calc(100vw-100%)]","children":["$","$L6",null,{"attribute":"class","defaultTheme":"dark","children":[["$","$L7",null,{}],["$","div",null,{"children":["$","$L8",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"flex items-center justify-center h-screen","children":["$","div",null,{"className":"text-center text-foreground","children":["$","div",null,{"className":"max-w-lg space-y-4 flex flex-col","children":[["$","h1",null,{"className":"text-7xl font-bold","children":"404"}],["$","p",null,{"className":"text-lg","children":"The page you're looking for doesn't exist or has been moved elsewhere."}],["$","div",null,{"className":"flex justify-center","children":["$","$L9",null,{}]}]]}]}]}],"notFoundStyles":[]}]}]}],["$","$La",null,{}],["$","div",null,{"className":"fixed top-[-10px] z-40 h-10 w-screen bg-background opacity-70 blur backdrop-blur-lg ","aria-hidden":true}],["$","div",null,{"className":"fixed bottom-[-10px] z-40 h-10 w-screen bg-background opacity-70 blur backdrop-blur-lg","aria-hidden":true}]]}]}]}]],null],null],["$Lb",null]]]]
c:I[3996,["252","static/chunks/252-6dd2865078747f47.js","900","static/chunks/900-83c6fd9c30ca5de6.js","59","static/chunks/59-f2e35b2f047fff99.js","722","static/chunks/app/posts/%5Bid%5D/page-7432072a73c167d0.js"],""]
2:["$","div",null,{"className":"min-h-screen max-w-xl mx-auto flex items-center justify-center","children":["$","div",null,{"className":"py-24 px-6 text-sm","children":[["$","div",null,{"className":"flex flex-col space-y-8","children":[["$","div",null,{"className":"flex flex-row space-x-2 items-center justify-between group","children":[["$","span",null,{"className":"text-neutral-500","children":["$","$Lc",null,{"href":"/","className":"text-foreground group-hover:text-muted-foreground/50 transition-colors duration-150 hover:cursor-pointer","children":"Go Back"}]}],["$","div",null,{"className":"flex-grow border-t border-dotted border-gray-400"}],["$","span",null,{"className":"text-muted-foreground","children":"12 June 2024"}]]}],["$","div",null,{"className":"flex flex-col space-y-2","children":["$","h1",null,{"className":"text-foreground text-2xl font-semibold","children":"Posts in Next.js on Cloudflare Pages"}]}]]}],["$","section",null,{"className":"flex flex-col space-y-2 mt-8 max-w-xl","children":"$Ld"}]]}]}]
b:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Posts in Next.js on Cloudflare Pages • dromzeh.dev"}],["$","meta","3",{"name":"description","content":"How I added posts to my Next.js App Router site hosted on Cloudflare Pages."}],["$","link","4",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"16x16"}]]
1:null
e:I[7952,["252","static/chunks/252-6dd2865078747f47.js","900","static/chunks/900-83c6fd9c30ca5de6.js","59","static/chunks/59-f2e35b2f047fff99.js","722","static/chunks/app/posts/%5Bid%5D/page-7432072a73c167d0.js"],"CopyCodeToClipboard"]
d:[["$","p",null,{"children":["I recently rewrote my site to ",["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"https://nextjs.org","children":"Next.js"}],". Where it's being hosted on ",["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"https://pages.cloudflare.com/","children":"Cloudflare Pages"}]," using ",["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"https://github.com/cloudflare/next-on-pages/","children":"next-on-pages"}],"."]}],"\n",["$","p",null,{"children":"For the most part, next-on-pages works incredibly well. However, if you're new to deploying Next.js sites on Cloudflare Pages, it can get tedious."}],"\n",["$","p",null,{"children":"This article is how I added posts to my Next.js site hosted on Cloudflare Pages."}],"\n",["$","h2",null,{"id":"markdown-on-nextjs","className":"text-foreground text-xl font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#markdown-on-nextjs","children":["$","span",null,{"className":"icon icon-link"}]}],"Markdown on Next.js"]}],"\n",["$","p",null,{"children":["The first part is to add support for Markdown files in Next.js. For this, I used ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"next-mdx-remote"}],". It's a library that allows you to render MDX files as React components."]}],"\n",["$","p",null,{"children":["For this, I first created a declaration file called ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"mdx.d.ts"}]," in the root of my project:"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"declare module \"*.mdx\" {\n    let MDXComponent: (props) => JSX.Element;\n    export default MDXComponent;\n}\n"}]}],"$Lf"]}],"\n",["$","p",null,{"children":["Then, it was onto reconfiguring my ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"next.config.js"}]," to output the site as a static site:"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"const nextConfig = {\n    /// ....\n    output: \"export\",\n};\n"}]}],"$L10"]}],"\n",["$","p",null,{"children":["Now, we need to create a way to fetch posts. In this case, we can create a ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"fetch-posts.ts"}]," lib file which contains:"]}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"className":"ml-4 list-disc","children":"A way to fetch all posts"}],"\n",["$","li",null,{"className":"ml-4 list-disc","children":"A way to fetch a single post"}],"\n"]}],"\n",["$","p",null,{"children":["To fetch all posts, we can simply use ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"fs"}]," to read the ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"posts"}]," directory and filter out the ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":".mdx"}]," files:"]}],"\n",["$","p",null,{"children":["If our post is not published, we can simply return ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"null"}],":"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"import matter from \"gray-matter\";\nimport fs from \"fs/promises\";\nimport path from \"path\";\nimport type { Post } from \"../types\";\n\nexport const getPosts = async () => {\n    const posts = await fs.readdir(\"./src/posts/\");\n\n    return Promise.all(\n        posts\n            .filter((file) => path.extname(file) === \".mdx\")\n            .map(async (file) => {\n                const filePath = `./src/posts/${file}`;\n\n                const postContent = await fs.readFile(filePath, \"utf8\");\n\n                const { data, content } = matter(postContent);\n\n                if (data.published === false) {\n                    return null;\n                }\n\n                return {\n                    title: data.title,\n                    slug: data.slug,\n                    date: data.date,\n                    description: data.description,\n                    views: data.views || null,\n                    body: content,\n                } as Post;\n            }),\n    );\n};\n"}]}],"$L11"]}],"\n",["$","p",null,{"children":["To fetch a single post, we can use the ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"getPosts"}]," function and filter out the post by the slug:"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"export async function getPost(slug: string) {\n    const posts = await getPosts();\n    return posts.find((post) => post?.slug === slug);\n}\n"}]}],"$L12"]}],"\n",["$","h2",null,{"id":"rendering-posts","className":"text-foreground text-xl font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#rendering-posts","children":["$","span",null,{"className":"icon icon-link"}]}],"Rendering Posts"]}],"\n",["$","p",null,{"children":["Now that we have a way to fetch posts, we can render them using ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"next-mdx-remote"}],"."]}],"\n",["$","p",null,{"children":["I created a ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"markdown-component.tsx"}]," file that contains the components for rendering the markdown."]}],"\n",["$","p",null,{"children":["For example, to render a ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"strong"}]," tag, I created a ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"Strong"}]," component then added it to the exported ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"mdxComponents"}]," object:"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"function Strong(\n    props: React.DetailedHTMLProps<\n        React.HTMLAttributes<HTMLElement>,\n        HTMLElement\n    >,\n) {\n    const { children, ...rest } = props;\n    return (\n        <b {...rest} className=\"text-foreground font-semibold\">\n            {children}\n        </b>\n    );\n}\n\n\nexport const mdxComponents: MDXComponents = {\n    strong: Strong,\n};\n"}]}],"$L13"]}],"\n",["$","p",null,{"children":["Then, I created a ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"post-body.tsx"}]," file that contains the ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"PostBody"}]," component, this component uses ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"MDXRemote"}]," to render the markdown:"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"import { MDXRemote } from \"next-mdx-remote/rsc\";\n\nimport remarkGfm from \"remark-gfm\";\nimport rehypeSlug from \"rehype-slug\";\nimport rehypeAutolinkHeadings from \"rehype-autolink-headings\";\nimport remarkA11yEmoji from \"@fec/remark-a11y-emoji\";\nimport remarkToc from \"remark-toc\";\nimport { mdxComponents } from \"./markdown-component\";\n\nexport function PostBody({ children }: { children: string }) {\n    return (\n        <MDXRemote\n            source={children}\n            options={{\n                mdxOptions: {\n                    remarkPlugins: [remarkGfm, remarkA11yEmoji, remarkToc],\n                    rehypePlugins: [rehypeSlug, rehypeAutolinkHeadings],\n                },\n            }}\n            components={mdxComponents}\n        />\n    );\n}\n"}]}],"$L14"]}],"\n",["$","p",null,{"children":["For the basic configuration, that's all you need to render posts in Next.js, where you pass the ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"body"}]," of the post to the ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"PostBody"}]," component."]}],"\n",["$","p",null,{"children":["For our ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"posts/[id]"}]," route, we use ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"generateStaticParams"}]," to generate the routes for each post, as we can't edge render this."]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"export async function generateStaticParams() {\n    const posts = await getPosts();\n\n    return posts.map((post) => ({\n        id: post!.slug,\n    }));\n}\n"}]}],"$L15"]}],"\n",["$","p",null,{"children":["For generating metadata, we can use ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"generateMetadata"}]," function."]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"export async function generateMetadata({ params }: Props): Promise<Metadata> {\n    const { id } = params;\n    const post = await getPost(id);\n\n    if (!post) return notFound();\n\n    return {\n        title: `${post.title} • dromzeh.dev`,\n        description: post.description,\n        metadataBase: new URL(\"https://dromzeh.dev\"),\n    };\n}\n"}]}],"$L16"]}],"\n",["$","p",null,{"children":"Then in the PostPage, we can fetch the post and render it."}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"export default async function PostPage({ params: { id } }: Props) {\n    const post = await getPost(id);\n\n    if (!post) return notFound();\n\n    return (\n        <div className=\"min-h-screen max-w-xl mx-auto flex items-center justify-center\">\n                <section className=\"flex flex-col space-y-4 mt-8 max-w-xl\">\n                    <PostBody>{post.body}</PostBody>\n                </section>\n            </div>\n        </div>\n    );\n}\n"}]}],"$L17"]}],"\n",["$","h2",null,{"id":"conclusion","className":"text-foreground text-xl font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#conclusion","children":["$","span",null,{"className":"icon icon-link"}]}],"Conclusion"]}],"\n",["$","p",null,{"children":"You can freely use this to build onto this to add additional entries such as tags."}],"\n",["$","p",null,{"children":["You can view the full source code for this site on ",["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"https://git.dromzeh.dev/dromzeh.dev","children":"GitHub"}],"."]}]]
f:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n  [data-bright-theme] ::selection { background-color: var(--selection-background) }\n  [data-bright-theme] [data-bright-ln] { \n    color: var(--line-number-color); \n    margin-right: 1.5ch; \n    display: inline-block;\n    text-align: right;\n    user-select: none;\n  }\n  "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"1ch"},"children":1}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"declare "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"module "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"*.mdx\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"1ch"},"children":2}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    let "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"MDXComponent"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":":"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"props"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=> "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"JSX"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"Element"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"1ch"},"children":3}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    export default "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"MDXComponent"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"1ch"},"children":4}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}]]}]}]]}]
10:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n  [data-bright-theme] ::selection { background-color: var(--selection-background) }\n  [data-bright-theme] [data-bright-ln] { \n    color: var(--line-number-color); \n    margin-right: 1.5ch; \n    display: inline-block;\n    text-align: right;\n    user-select: none;\n  }\n  "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"1ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"nextConfig "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"1ch"},"children":2}],[["$","span",null,{"style":{"color":"#757581","fontStyle":"italic"},"children":"    /// ...."}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"1ch"},"children":3}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"    output: "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"export\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"1ch"},"children":4}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"};"}]],["$","br",null,{}]]}]}]]}]}]]}]
11:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n  [data-bright-theme] ::selection { background-color: var(--selection-background) }\n  [data-bright-theme] [data-bright-ln] { \n    color: var(--line-number-color); \n    margin-right: 1.5ch; \n    display: inline-block;\n    text-align: right;\n    user-select: none;\n  }\n  "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"matter "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"gray-matter\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"fs "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"fs/promises\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"path "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"path\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import type"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"Post"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"../types\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"getPosts "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" async () "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"posts "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"await "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"fs"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"readdir"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"./src/posts/\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    return Promise"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"all"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":"        posts"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"            ."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"filter"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"(("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"file"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=> "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"path"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"extname"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"file"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"=== "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\".mdx\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":")"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"            ."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"map"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"(async ("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"file"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":13,"style":{"width":"2ch"},"children":13}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"                const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"filePath "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"`./src/posts/${"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"file"}],["$","span",null,{"style":{"color":"#90B99F"},"children":"}`"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":14,"style":{"width":"2ch"},"children":14}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":15,"style":{"width":"2ch"},"children":15}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"                const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"postContent "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"await "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"fs"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"readFile"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"filePath"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"utf8\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":16,"style":{"width":"2ch"},"children":16}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":17,"style":{"width":"2ch"},"children":17}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"                const"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"data"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"content"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"matter"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"postContent"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":18,"style":{"width":"2ch"},"children":18}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":19,"style":{"width":"2ch"},"children":19}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"                if"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"data"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"published === false"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":20,"style":{"width":"2ch"},"children":20}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"                    return "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"null"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":21,"style":{"width":"2ch"},"children":21}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                }"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":22,"style":{"width":"2ch"},"children":22}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":23,"style":{"width":"2ch"},"children":23}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"                return"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":24,"style":{"width":"2ch"},"children":24}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                    title: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"data"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"title"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":25,"style":{"width":"2ch"},"children":25}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                    slug: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"data"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"slug"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":26,"style":{"width":"2ch"},"children":26}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                    date: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"data"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"date"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":27,"style":{"width":"2ch"},"children":27}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                    description: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"data"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"description"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":28,"style":{"width":"2ch"},"children":28}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                    views: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"data"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"views || null"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":29,"style":{"width":"2ch"},"children":29}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                    body: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"content"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":30,"style":{"width":"2ch"},"children":30}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"as "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"Post"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":31,"style":{"width":"2ch"},"children":31}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"            }),"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":32,"style":{"width":"2ch"},"children":32}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"    );"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":33,"style":{"width":"2ch"},"children":33}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"};"}]],["$","br",null,{}]]}]}]]}]}]]}]
12:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n  [data-bright-theme] ::selection { background-color: var(--selection-background) }\n  [data-bright-theme] [data-bright-ln] { \n    color: var(--line-number-color); \n    margin-right: 1.5ch; \n    display: inline-block;\n    text-align: right;\n    user-select: none;\n  }\n  "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"1ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" async "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"function "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"getPost"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"slug"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"string"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"1ch"},"children":2}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"posts "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"await "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"getPosts"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"();"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"1ch"},"children":3}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    return "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"posts"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"find"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"(("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"post"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=> "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"post"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"?."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"slug === "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"slug"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"1ch"},"children":4}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}]]}]}]]}]
15:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n  [data-bright-theme] ::selection { background-color: var(--selection-background) }\n  [data-bright-theme] [data-bright-ln] { \n    color: var(--line-number-color); \n    margin-right: 1.5ch; \n    display: inline-block;\n    text-align: right;\n    user-select: none;\n  }\n  "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"1ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" async "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"function "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"generateStaticParams"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"() {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"1ch"},"children":2}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"posts "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"await "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"getPosts"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"();"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"1ch"},"children":3}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"1ch"},"children":4}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    return "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"posts"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"map"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"(("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"post"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ({"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"1ch"},"children":5}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"        id: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"post"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"!"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"slug"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"1ch"},"children":6}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"    }));"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"1ch"},"children":7}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}]]}]}]]}]
16:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n  [data-bright-theme] ::selection { background-color: var(--selection-background) }\n  [data-bright-theme] [data-bright-ln] { \n    color: var(--line-number-color); \n    margin-right: 1.5ch; \n    display: inline-block;\n    text-align: right;\n    user-select: none;\n  }\n  "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" async "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"function "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"generateMetadata"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"({ "}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"params"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" }"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"Props"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":")"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"Promise"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"<"}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"Metadata"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"> {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    const"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"id"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"params"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"post "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"await "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"getPost"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"id"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    if"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"!"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"post"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"return "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"notFound"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"();"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    return"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"        title: "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"`${"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"post"}],["$","span",null,{"style":{"color":"#90B99F"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"title"}],["$","span",null,{"style":{"color":"#90B99F"},"children":"} • dromzeh.dev`"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"        description: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"post"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"description"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"        metadataBase: "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"new "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"URL"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"https://dromzeh.dev\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"),"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"    };"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}]]}]}]]}]
13:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n  [data-bright-theme] ::selection { background-color: var(--selection-background) }\n  [data-bright-theme] [data-bright-ln] { \n    color: var(--line-number-color); \n    margin-right: 1.5ch; \n    display: inline-block;\n    text-align: right;\n    user-select: none;\n  }\n  "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"function "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"Strong"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#EA83A5"},"children":"    props"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"React"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"DetailedHTMLProps"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"<"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#B9AEDA"},"children":"        React"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"HTMLAttributes"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"<"}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"HTMLElement"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":">,"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#B9AEDA"},"children":"        HTMLElement"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"    >,"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":") {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    const"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"children"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"..."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"rest"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"props"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    return"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#9998A8"},"children":"        <"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"b"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"..."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"rest"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"} className"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"text-foreground font-semibold\""}],["$","span",null,{"style":{"color":"#9998A8"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"            {"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"children"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#9998A8"},"children":"        </"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"b"}],["$","span",null,{"style":{"color":"#9998A8"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"    );"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":13,"style":{"width":"2ch"},"children":13}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":14,"style":{"width":"2ch"},"children":14}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":15,"style":{"width":"2ch"},"children":15}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":16,"style":{"width":"2ch"},"children":16}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"mdxComponents"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"MDXComponents "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":17,"style":{"width":"2ch"},"children":17}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"    strong: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"Strong"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":18,"style":{"width":"2ch"},"children":18}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"};"}]],["$","br",null,{}]]}]}]]}]}]]}]
14:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n  [data-bright-theme] ::selection { background-color: var(--selection-background) }\n  [data-bright-theme] [data-bright-ln] { \n    color: var(--line-number-color); \n    margin-right: 1.5ch; \n    display: inline-block;\n    text-align: right;\n    user-select: none;\n  }\n  "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"MDXRemote"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"next-mdx-remote/rsc\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"remarkGfm "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"remark-gfm\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"rehypeSlug "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"rehype-slug\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"rehypeAutolinkHeadings "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"rehype-autolink-headings\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"remarkA11yEmoji "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"@fec/remark-a11y-emoji\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"remarkToc "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"remark-toc\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"mdxComponents"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"./markdown-component\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export function "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"PostBody"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"({ "}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"children"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" }"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":":"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"children"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"string"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" }) {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    return"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#9998A8"},"children":"        <"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"MDXRemote"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":13,"style":{"width":"2ch"},"children":13}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"            source"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"{"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"children"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":14,"style":{"width":"2ch"},"children":14}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"            options"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"{{"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":15,"style":{"width":"2ch"},"children":15}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                mdxOptions: {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":16,"style":{"width":"2ch"},"children":16}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                    remarkPlugins: ["}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"remarkGfm"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"remarkA11yEmoji"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"remarkToc"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"],"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":17,"style":{"width":"2ch"},"children":17}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                    rehypePlugins: ["}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"rehypeSlug"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"rehypeAutolinkHeadings"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"],"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":18,"style":{"width":"2ch"},"children":18}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"                },"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":19,"style":{"width":"2ch"},"children":19}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"            }}"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":20,"style":{"width":"2ch"},"children":20}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"            components"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"{"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"mdxComponents"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":21,"style":{"width":"2ch"},"children":21}],[["$","span",null,{"style":{"color":"#9998A8"},"children":"        />"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":22,"style":{"width":"2ch"},"children":22}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"    );"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":23,"style":{"width":"2ch"},"children":23}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}]]}]}]]}]
17:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n  [data-bright-theme] ::selection { background-color: var(--selection-background) }\n  [data-bright-theme] [data-bright-ln] { \n    color: var(--line-number-color); \n    margin-right: 1.5ch; \n    display: inline-block;\n    text-align: right;\n    user-select: none;\n  }\n  "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export default"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" async "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"function "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"PostPage"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"({ "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"params"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":": { "}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"id"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } }"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"Props"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"post "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"await "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"getPost"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"id"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    if"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"!"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"post"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"return "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"notFound"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"();"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"    return"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#9998A8"},"children":"        <"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"div"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" className"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"min-h-screen max-w-xl mx-auto flex items-center justify-center\""}],["$","span",null,{"style":{"color":"#9998A8"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#9998A8"},"children":"                <"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"section"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" className"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"flex flex-col space-y-4 mt-8 max-w-xl\""}],["$","span",null,{"style":{"color":"#9998A8"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#9998A8"},"children":"                    <"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"PostBody"}],["$","span",null,{"style":{"color":"#9998A8"},"children":">"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"{"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"post"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"body"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}],["$","span",null,{"style":{"color":"#9998A8"},"children":"</"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"PostBody"}],["$","span",null,{"style":{"color":"#9998A8"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#9998A8"},"children":"                </"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"section"}],["$","span",null,{"style":{"color":"#9998A8"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#9998A8"},"children":"            </"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"div"}],["$","span",null,{"style":{"color":"#9998A8"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#E6B99D"},"children":"        </"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"div"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":13,"style":{"width":"2ch"},"children":13}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"    );"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":14,"style":{"width":"2ch"},"children":14}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}]]}]}]]}]