← Back to posts

November 6, 2025 · 10 min read

My First Blog

A sample case-study style post used to validate layout, tags, and table-of-contents rendering.

nextjstypescriptmdxcase-study

This post is intentionally structured to demonstrate the redesigned blog UI, including frontmatter-driven tags and the right-side table of contents.

Context

The blog route now pulls metadata from frontmatter and renders a case-study style layout with a sticky "On this page" section.

Why this sample exists

This sample helps verify typography, section spacing, and metadata rendering while developing the blog experience.

What changed

  • Tags on the blog page are now sourced from frontmatter.
  • The content includes section headings so the table of contents is populated.
  • The page still supports inline code like next build and pnpm dev.

Frontmatter fields in use

  • title
  • description
  • publish_date
  • tags

Result

You should now see tag chips from frontmatter and a populated table of contents for this article page.