Hello World – Your First Markdoc Post

Hello World – Your First Markdoc Post

Jane Developer•

A quick demo post showing front‑matter fields and basic Markdoc syntax.

Welcome to Your New Blog

This is a Markdoc document rendered by Next.js App Router.

Markdoc supports custom tags like this “callout”—define them in
markdoc/config.ts and they’ll render as React components.

Front‑matter recap

FieldPurpose
titlePage <title> and on‑page <h1>
descriptionMeta & teaser on the blog index
authorShown under the title
dateISO (YYYY‑MM‑DD) is safest
coverHero image URL/path

Markdown examples

Inline code

Press npx create-next-app@latest to scaffold a project.

Code block

export default function greet(name: string) {
  return `Hello, ${name}!`
}