1:"$Sreact.fragment"
2:I[39756,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"default"]
3:I[37457,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"default"]
4:I[22016,["/_next/static/chunks/7c92e96509cd355e.js","/_next/static/chunks/8cdb06933ba3ae08.js","/_next/static/chunks/5b055454fbbddc65.js"],""]
6:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"OutletBoundary"]
7:"$Sreact.suspense"
9:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"ViewportBoundary"]
b:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"MetadataBoundary"]
d:I[68027,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"default"]
:HL["/_next/static/chunks/5ffb942db56cd763.css","style"]
:HL["/_next/static/media/03fc1b4a8d284b5e-s.p.af4fcd24.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
:HL["/_next/static/media/2a65768255d6b625-s.p.d19752fb.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
:HL["/_next/static/media/99e609270109b47d-s.p.64b9304e.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
:HL["/_next/static/media/effe91970fc4db64-s.p.19510058.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
0:{"P":null,"b":"IjLCK9ZTo8EGhddmPg0_d","c":["","blog","hello-world"],"q":"","i":false,"f":[[["",{"children":["blog",{"children":[["slug","hello-world","d"],{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/5ffb942db56cd763.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"ibm_plex_sans_be3db9-module__2iVemW__variable playfair_display_27e4b732-module__hyyuMW__variable ibm_plex_mono_20c9345-module__LOqvmW__variable","children":["$","body",null,{"className":"font-sans antialiased","children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[[["$","script","script-0",{"src":"/_next/static/chunks/7c92e96509cd355e.js","async":true,"nonce":"$undefined"}]],["$","div",null,{"className":"min-h-screen","children":[["$","header",null,{"className":"sticky top-0 z-50 border-b border-border/50 bg-background/80 backdrop-blur-md","children":["$","div",null,{"className":"mx-auto flex max-w-4xl items-center justify-between px-6 py-4 lg:px-12","children":[["$","$L4",null,{"href":"/","className":"text-sm font-semibold text-foreground transition-colors hover:text-primary","children":"Rohan Deshpande"}],["$","nav",null,{"className":"flex items-center gap-6","children":[["$","$L4",null,{"href":"/blog","className":"text-sm text-muted-foreground transition-colors hover:text-foreground","children":"Blog"}],["$","$L4",null,{"href":"/","className":"text-sm text-muted-foreground transition-colors hover:text-foreground","children":"Portfolio"}]]}]]}]}],["$","main",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":["$L5",[["$","script","script-0",{"src":"/_next/static/chunks/8cdb06933ba3ae08.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/5b055454fbbddc65.js","async":true,"nonce":"$undefined"}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],{},null,false,false]},null,false,false]},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$L9",null,{"children":"$La"}],["$","div",null,{"hidden":true,"children":["$","$Lb",null,{"children":["$","$7",null,{"name":"Next.Metadata","children":"$Lc"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$d",[]],"S":true}
e:I[69035,["/_next/static/chunks/7c92e96509cd355e.js","/_next/static/chunks/8cdb06933ba3ae08.js","/_next/static/chunks/5b055454fbbddc65.js"],"Separator"]
5:["$","article",null,{"className":"mx-auto max-w-3xl px-6 py-12 lg:px-12","children":[["$","nav",null,{"ref":"$undefined","aria-label":"breadcrumb","className":"mb-8","children":["$","ol",null,{"ref":"$undefined","className":"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5","children":[["$","li",null,{"ref":"$undefined","className":"inline-flex items-center gap-1.5","children":["$","a",null,{"ref":"$undefined","className":"transition-colors hover:text-foreground","href":"/blog","children":"Blog"}]}],["$","li",null,{"role":"presentation","aria-hidden":"true","className":"[&>svg]:w-3.5 [&>svg]:h-3.5","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"ref":"$undefined","className":"inline-flex items-center gap-1.5","children":["$","span",null,{"ref":"$undefined","role":"link","aria-disabled":"true","aria-current":"page","className":"font-normal text-foreground","children":"Website Considerations"}]}]]}]}],["$","header",null,{"className":"mb-8","children":[["$","div",null,{"className":"mb-4 flex flex-wrap items-center gap-3","children":[["$","div",null,{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80","children":"Meta"}],["$","span",null,{"className":"text-sm text-muted-foreground","children":"February 5, 2026"}],["$","span",null,{"className":"text-sm text-muted-foreground","children":"·"}],["$","span",null,{"className":"text-sm text-muted-foreground","children":"2 min read"}]]}],["$","h1",null,{"className":"mb-3 font-serif text-3xl font-bold text-foreground md:text-4xl","children":"Website Considerations"}],["$","p",null,{"className":"mb-4 text-lg leading-relaxed text-muted-foreground","children":"Design considerations for my new portfolio website"}],["$","div",null,{"className":"flex flex-wrap gap-2","children":[["$","$L4","Next.js",{"href":"/blog/tags/nextjs","children":["$","div",null,{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground","children":"Next.js"}]}],["$","$L4","MDX",{"href":"/blog/tags/mdx","children":["$","div",null,{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground","children":"MDX"}]}],["$","$L4","React",{"href":"/blog/tags/react","children":["$","div",null,{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground","children":"React"}]}],["$","$L4","Web Dev",{"href":"/blog/tags/web-dev","children":["$","div",null,{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground","children":"Web Dev"}]}]]}]]}],["$","$Le",null,{"className":"mb-10"}],["$","div",null,{"className":"prose-custom","children":"$Lf"}],["$","$Le",null,{"className":"my-10"}],["$","$L4",null,{"href":"/blog","className":"inline-flex items-center gap-2 text-sm text-primary transition-colors hover:text-primary/80","children":[["$","svg",null,{"className":"h-4 w-4","fill":"none","viewBox":"0 0 24 24","stroke":"currentColor","aria-hidden":"true","children":["$","path",null,{"strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":2,"d":"M7 16l-4-4m0 0l4-4m-4 4h18"}]}],"Back to all posts"]}]]}]
a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","2",{"name":"theme-color","content":"#0a1628"}]]
8:null
c:[["$","title","0",{"children":"Website Considerations | Rohan Deshpande"}],["$","meta","1",{"name":"description","content":"Design considerations for my new portfolio website"}],["$","meta","2",{"property":"og:title","content":"Website Considerations"}],["$","meta","3",{"property":"og:description","content":"Design considerations for my new portfolio website"}],["$","meta","4",{"property":"og:type","content":"article"}],["$","meta","5",{"property":"article:published_time","content":"2026-02-05"}],["$","meta","6",{"property":"article:tag","content":"Next.js"}],["$","meta","7",{"property":"article:tag","content":"MDX"}],["$","meta","8",{"property":"article:tag","content":"React"}],["$","meta","9",{"property":"article:tag","content":"Web Dev"}],["$","meta","10",{"name":"twitter:card","content":"summary"}],["$","meta","11",{"name":"twitter:title","content":"Website Considerations"}],["$","meta","12",{"name":"twitter:description","content":"Design considerations for my new portfolio website"}]]
f:[["$","h1",null,{"id":"website-considerations","className":"mt-10 mb-4 scroll-mt-20 font-serif text-3xl font-bold text-foreground md:text-4xl","children":["$","$L4",null,{"href":"#website-considerations","className":"text-primary underline decoration-primary/30 underline-offset-2 transition-colors hover:decoration-primary","children":"Website Considerations"}]}],"\n",["$","p",null,{"className":"mb-5 leading-relaxed text-muted-foreground","children":"Earlier before, I used to use Hugo for my static site generation.\nHugo was nice since I was able to write my main content in markdown and had Hugo use the theme to generate what I wanted on the fly."}],"\n",["$","p",null,{"className":"mb-5 leading-relaxed text-muted-foreground","children":"However, I wanted to revamp my portfolio page, so I initially used v0 to generate the Three.js DNA strand that you see on the front page, as well as the rest of the layout. This led to some issues however, namely with my blog portion of my website. I really enjoy writing and want my portfolio to reflect that while also looking nice, so I set out to develop a blogging system similar to what Hugo does with Markdown."}],"\n",["$","h2",null,{"id":"answer-mdx","className":"mt-10 mb-3 scroll-mt-20 font-serif text-2xl font-bold text-foreground","children":["$","$L4",null,{"href":"#answer-mdx","className":"text-primary underline decoration-primary/30 underline-offset-2 transition-colors hover:decoration-primary","children":"Answer: MDX"}]}],"\n",["$","p",null,{"className":"mb-5 leading-relaxed text-muted-foreground","children":"MDX was a way for me to embed markdown into my Next.js website.\nIt allowed me the flexibility of Markdown with modern React, allowing me to generate the static site the same way I always did."}],"\n",["$","h2",null,{"id":"architecture-overview","className":"mt-10 mb-3 scroll-mt-20 font-serif text-2xl font-bold text-foreground","children":["$","$L4",null,{"href":"#architecture-overview","className":"text-primary underline decoration-primary/30 underline-offset-2 transition-colors hover:decoration-primary","children":"Architecture overview"}]}],"\n",["$","p",null,{"className":"mb-5 leading-relaxed text-muted-foreground","children":"The system has 3 layers: content, processing, and rendering."}],"\n",["$","h3",null,{"id":"content-layer","className":"mt-8 mb-3 scroll-mt-20 font-serif text-xl font-semibold text-foreground","children":["$","$L4",null,{"href":"#content-layer","className":"text-primary underline decoration-primary/30 underline-offset-2 transition-colors hover:decoration-primary","children":"Content Layer"}]}],"\n",["$","p",null,{"className":"mb-5 leading-relaxed text-muted-foreground","children":["Posts are located in the ",["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":".mdx"}]," files in ",["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"content/blog/"}],".\nEach file has a YAML formatter at the top, followed by the actual content written in markdown.\nThe filename becomes the URL: ",["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"hello-world.mdx"}]," becomes ",["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"/blog/hello-world."}]]}],"\n",["$","h3",null,{"id":"processing-layer","className":"mt-8 mb-3 scroll-mt-20 font-serif text-xl font-semibold text-foreground","children":["$","$L4",null,{"href":"#processing-layer","className":"text-primary underline decoration-primary/30 underline-offset-2 transition-colors hover:decoration-primary","children":"Processing Layer"}]}],"\n","$L10","\n","$L11","\n","$L12","\n","$L13","\n","$L14","\n","$L15","\n","$L16"]
10:["$","p",null,{"className":"mb-5 leading-relaxed text-muted-foreground","children":"The engine uses 2 libraries:"}]
11:["$","ul",null,{"className":"mb-5 list-disc space-y-1.5 pl-6 text-muted-foreground","children":["\n",["$","li",null,{"className":"leading-relaxed","children":[["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"gray-matter"}]," to parse the YAML formatter out of each ",["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":".mdx"}]," file."]}],"\n",["$","li",null,{"className":"leading-relaxed","children":[["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"reading-time"}]," to scan content and estimate a read time."]}],"\n"]}]
12:["$","p",null,{"className":"mb-5 leading-relaxed text-muted-foreground","children":"It exposes 4 functions, namely:"}]
13:["$","ul",null,{"className":"mb-5 list-disc space-y-1.5 pl-6 text-muted-foreground","children":["\n",["$","li",null,{"className":"leading-relaxed","children":[["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"getAllPosts()"}],": reads every ",["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":".mdx"}]," file, extracts the metadata, filters out unpublished drafts, and sorts by date."]}],"\n",["$","li",null,{"className":"leading-relaxed","children":[["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"getPostBySlug(slug)"}],": fetches a single post's metadata and raw content"]}],"\n",["$","li",null,{"className":"leading-relaxed","children":[["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"getAllTags() / getPostsByTag()"}]," - aggregates tags across all posts for tag-based filtering."]}],"\n"]}]
14:["$","h3",null,{"id":"rendering-layer","className":"mt-8 mb-3 scroll-mt-20 font-serif text-xl font-semibold text-foreground","children":["$","$L4",null,{"href":"#rendering-layer","className":"text-primary underline decoration-primary/30 underline-offset-2 transition-colors hover:decoration-primary","children":"Rendering Layer"}]}]
15:["$","p",null,{"className":"mb-5 leading-relaxed text-muted-foreground","children":"The blog has 3 routes, all generated at build time:"}]
16:["$","ul",null,{"className":"mb-5 list-disc space-y-1.5 pl-6 text-muted-foreground","children":["\n",["$","li",null,{"className":"leading-relaxed","children":[["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"/blog"}]," - lists all posts"]}],"\n",["$","li",null,{"className":"leading-relaxed","children":[["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"/blog/[slug]"}]," - individual post page"]}],"\n",["$","li",null,{"className":"leading-relaxed","children":[["$","code",null,{"className":"rounded-md border border-border bg-secondary/50 px-1.5 py-0.5 font-mono text-sm text-foreground","children":"/blog/tags/[tag]"}]," - posts filtered by tag"]}],"\n"]}]