Build rich content websites
with Markdown and React

content.md

## !intro Roman Emperors

The Roman Empire was ...

## !!emperors Augustus

The founder of the ...

![!img cover](/one.png)

```js !
console.log(1)
```

## !!emperors Nero

Tyrannical ruler ...

![!img cover](/nero.png)

```js !
```

page.jsx

import Content from "./content.md"
import { parse } from "codehike"

// extract structured content:
const  = parse(Content)

export function Page() {
  return (
    <div>
      {/* render it as you want: */}
      <Header {...content.intro} />
      <Main steps={content.emperors} />
    </div>
  )
}

Roman Emperors

The Roman Empire was led ...

Augustus

The first emperor, established the empire in 27 BC

Nero

Tyrannical ruler, known for his cruelty and extravagance

Trajan

Renowned for his military conquests and public works

export Page
  re di re
    div > >
    < Hero re
  re divdiv

Docs Blog

Top Sponsors

ui.dev

Fine-grained Markdown

Add structure to your content, making it more flexible, more reusable, and easier to adapt to different layouts.

Define the structure of your markdown with content schemas for better typescript tooling support and type-safe markdown.