Hello world!

"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" *"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * Return:"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * {"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * content: '

Hello world!

',"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * data: {"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * title: 'Hello',"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * slug: 'home'"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" */"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" mdxSource"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" await"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" serialize"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(content)"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" // Put content to serialize (next-mdx-remote) to handle"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" frontMatter"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ..."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"data,"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" slug,"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" // Put the slug in the front matter as well, which will be used later"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" source: mdxSource,"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" frontMatter,"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})})]})})}),` `,(0,i.jsx)(s.p,{children:"Then you can get all the articles to be displayed in the home page."}),` `,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(s.pre,{className:"shiki shiki-themes github-light-default github-dark-default",style:{"--shiki-light":"#1f2328","--shiki-dark":"#e6edf3","--shiki-light-bg":"#ffffff","--shiki-dark-bg":"#0d1117"},tabIndex:"0",title:"lib/mdx.js","data-lang":"js",children:(0,i.jsxs)(s.code,{children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getAllPosts"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" () "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" frontMatter"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" []"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" allSlugs."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"forEach"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"slug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:") "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" source"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" fs."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"readFileSync"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(path."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"join"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"POSTS_PATH"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", slug), "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'utf-8'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:")"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"data"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" matter"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(source)"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" frontMatter."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"push"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"({"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ..."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"data,"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" slug: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"formatSlug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(slug),"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" date: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"new"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" Date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(data.date)."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"toISOString"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(),"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" })"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" })"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" frontMatter."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"sort"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"a"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"b"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:") "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" dateSortDesc"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(a.date, b.date))"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:"// Sorted by date in descending order"})}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" dateSortDesc"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"a"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"b"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:") "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" if"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" (a "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:">"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" b) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" -"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"1"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" if"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" (a "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"<"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" b) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" 1"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" 0"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})})]})})}),` `,(0,i.jsx)(s.h3,{id:"formatting-date",children:"Formatting Date"}),` `,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(s.pre,{className:"shiki shiki-themes github-light-default github-dark-default",style:{"--shiki-light":"#1f2328","--shiki-dark":"#e6edf3","--shiki-light-bg":"#ffffff","--shiki-dark-bg":"#0d1117"},tabIndex:"0",title:"lib/format-date.js","data-lang":"js",children:(0,i.jsxs)(s.code,{children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" formatDate"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:") "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" new"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" Date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(date)."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"toLocaleDateString"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'en'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" year: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'numeric'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:","})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" month: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'long'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:","})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" day: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'numeric'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:","})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" })"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:"/*"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * formatDate('2022-08-21T00:00:00Z')"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * Output: 'August 21, 2022'"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" */"})})]})})}),` `,(0,i.jsx)(s.h3,{id:"home-page",children:"Home page"}),` `,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(s.pre,{className:"shiki shiki-themes github-light-default github-dark-default",style:{"--shiki-light":"#1f2328","--shiki-dark":"#e6edf3","--shiki-light-bg":"#ffffff","--shiki-dark-bg":"#0d1117"},tabIndex:"0",title:"pages/index.jsx","data-lang":"jsx",children:(0,i.jsxs)(s.code,{children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { formatDate } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" '../lib/format-date'"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { getAllPosts } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" '../lib/mdx'"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" Link "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" 'next/link'"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" default"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" function"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" Home"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"({ posts }) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"{"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ("})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <>"})}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"h1"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'mb-8 text-6xl font-bold'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">Blog"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"hr"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'my-8'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" />"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"ul"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'flex flex-col gap-3'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" {"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"posts."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"map"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(({ "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"slug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"title"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"summary"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ("})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"li"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" key"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"={"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"slug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"Link"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" href"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"={"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"`/blog/${"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"slug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"}`"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"a"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'block rounded-lg border border-solid border-gray-300 p-6 shadow-md'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"div"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'flex justify-between'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"h2"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"{"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"title"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:""})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"time"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" dateTime"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"={"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"{"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"formatDate"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(date)"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:""})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"p"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'mt-4'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"{"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"summary"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:""})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ))"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" )"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:"// Use getStaticProps to get all articles"})}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getStaticProps"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" async"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" () "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" posts"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getAllPosts"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"()"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" props: {"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" posts,"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" },"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})})]})})}),` `,(0,i.jsx)(s.h3,{id:"article-page",children:"Article Page"}),` `,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(s.pre,{className:"shiki shiki-themes github-light-default github-dark-default",style:{"--shiki-light":"#1f2328","--shiki-dark":"#e6edf3","--shiki-light-bg":"#ffffff","--shiki-dark-bg":"#0d1117"},tabIndex:"0",title:"pages/[slug].jsx","data-lang":"jsx",children:(0,i.jsxs)(s.code,{children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { formatDate } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" '../../lib/format-date'"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { allSlugs, formatSlug, getPostBySlug } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" '../../lib/mdx'"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { MDXRemote } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" 'next-mdx-remote'"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" default"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" function"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" Blog"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"({ post }) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"{"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"title"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" post.frontMatter"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ("})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"div"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"h1"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'mb-2 text-6xl font-bold'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"{"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"title"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:""})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"time"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" dateTime"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"={"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'text-lg font-medium'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" {"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"formatDate"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(date)"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"hr"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'my-8'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" />"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"article"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'prose max-w-none'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"MDXRemote"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" {..."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"post.source"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" />"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" )"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getStaticProps"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" async"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ({ "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"params"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" post"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" await"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getPostBySlug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(params.slug)"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" props: {"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" post,"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" },"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getStaticPaths"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" async"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" () "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" paths"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" allSlugs."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"map"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"slug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:") "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ({"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" params: {"})}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" slug: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"formatSlug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(slug),"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" },"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }))"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" /*"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * paths Output:"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * ["})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * { params: { slug: 'markdown' } },"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * { params: { slug: 'nextjs' } },"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * { params: { slug: 'react' } }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * ]"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" */"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" paths,"})}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" fallback: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"false"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:","})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})})]})})}),` `,(0,i.jsx)(s.p,{children:"This way, a simple blog is finished."}),` `,(0,i.jsx)(s.h2,{id:"useful-links",children:"Useful links"}),` `,(0,i.jsxs)(s.ul,{children:[` `,(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://nextjs.org/docs/pages/building-your-application/data-fetching/get-static-paths",children:"getStaticPaths"})}),` `,(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://nextjs.org/docs/pages/building-your-application/data-fetching/get-static-props",children:"getStaticProps"})}),` `,(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://nextjs.org/docs/pages/building-your-application/routing/dynamic-routes",children:"dynamic routes"})}),` `,(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://mdxjs.com/",children:"mdx"})}),` `]})]})}function F(h={}){let{wrapper:s}=h.components||{};return s?(0,i.jsx)(s,{...h,children:(0,i.jsx)(d,{...h})}):d(h)}function c(h,s){throw new Error("Expected "+(s?"component":"object")+" `"+h+"` to be defined: you likely forgot to import, pass, or provide it.")}return f(B);})(); ;return Component;

Blog

Discover my website and blog, where I share tutorials, notes, and experiences as a full-stack engineer based in Kwara State. I began web dev as a hobby in Dec 2020. Explore my journey!

E2E Testing with Better Auth

How to build a blog with Next.js and MDX

PHP study notes

Top 8 Attractive Web Design Websites