Notion integration

Notion can act as a simple CMS: your team writes in a Notion database and the site reads it. Framer has an official Notion plugin that syncs databases into Framer CMS; Webflow needs a third-party sync app; on Astro and Next.js we read Notion with the official @notionhq/client at build time. It suits teams that already live in Notion and publish a few times a week.

Updated

Official sources

  1. Notion plugin (opens in a new tab)Framer Marketplace · framer.com
  2. makenotion/notion-sdk-js (opens in a new tab)GitHub · github.com
  3. Authorization (opens in a new tab)Notion API · developers.notion.com
  4. Request limits (opens in a new tab)Notion API · developers.notion.com
  5. File object (opens in a new tab)Notion API · developers.notion.com
  6. Whalesync (opens in a new tab)Webflow Apps · webflow.com

Checked against the official docs on. Tools change often; we re-check before every build.

Press Escape to close.

Notion integration at a glance
ComplexityMedium
Method
  • Framer: Native
  • Webflow: Zapier or Make
  • Astro: API
  • Next.js: API
Typical setupHalf a day to 2 days
What we doWe shape the Notion database to match the page design, set up the sync or build step, and handle images so they don’t expire.
CategoryCMS

Setup by platform

How we set up Notion

  • Framer

    • Native

    Framer’s own Notion plugin maps database properties to Framer CMS fields, including rich text, dates, images, references and galleries, and re-syncs in one click.

  • Webflow

    • Zapier or Make

    There is no first-party Notion app for Webflow. Marketplace apps such as Whalesync (two-way) or SyncFlow (one-way) sync a Notion database into Webflow CMS.

  • Astro

    • API

    @notionhq/client queries the database at build time with a token from a server secret. A Notion automation or a scheduled job triggers a rebuild after edits.

  • Next.js

    • API

    The same client in server components with time-based revalidation, so pages refresh from Notion without a full redeploy.

Use cases

What teams use it for

  1. Blog or changelog

    Posts written and reviewed in Notion, published to the site with the right layout.

  2. Job board

    Open roles kept in a Notion database the hiring team already uses.

  3. Resource library

    Guides, templates and links curated in Notion and listed on the site with filters.

Before you add it

What to watch out for

  • Limits

    Image links expire after an hour

    Notion-hosted file URLs are valid for one hour. We download images at build or sync time instead of linking to Notion.

  • Limits

    Rate limits

    The API allows 180 requests a minute per connection on most plans, 600 on Business and Enterprise. Build-time fetching with caching stays well inside that.

  • Security

    Token stays on the server

    A Notion token in a web page isn’t a secret; anyone can use it. Each database also has to be shared with the connection, or requests fail.

FAQ

Questions about Notion

Adrian

Can't find your answer?

Book a call and let's talk.

Or email us hello@designme.agency

Why do Notion images break on our site after a while?

Notion file URLs expire after one hour. Images need to be downloaded and hosted with the site, which our sync and build setups do.

Is Notion a good long-term CMS?

For a blog, changelog or job board, yes. For many page types, localisation or editorial workflows, a headless CMS like Sanity or Framer and Webflow’s own CMS will serve you better.

Why does the API return an error for our database?

The database must be shared with the Notion connection first. It’s a one-time step in the database’s connection settings.

You've reached the end, so now…

Tell us what you’re building.

We’ll help you map the right scope, team, timeline, and next steps.

Book a call