Use Notion as a Headless CMS
Get StartedEverything 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>
)
}