Writeflow

Use Notion as a Headless CMS

Get Started

Everything is
 ready.

Building websites can get pretty boring, but with our automated features, you can save more and more time.

Image Optimization

RSS Feed

OG Images

Webhooks

How it works

Streamline your workflow with intuitive content management, API-driven retrieval, and effortless rendering for an enhanced developer experience.

Manage Content in Notion

Organize and update your content easily within Notion's intuitive interface.

Fetch Content Data

Use our API to retrieve your content data seamlessly from Notion.

import { writeflow } from '@/utils/writeflow'

const contents = await writeflow({
    apiKey: process.env.WRITEFLOW_API_KEY
  })
  .content
  .list({ fields: { title: true, slug: true }})

console.log(contents)

Render it

Integrate with UI frameworks to render and display your content components.

import { renderBlocks } from '@writeflow/react'

function Article({ content }) {
  const rendered = renderBlocks(content.body)
  return (
    <article>
      <h1>{content.title}</h1>
      <main>
        {rendered}
      </main>
    </article>
  )
}