Notion as CMS

🚀 How to Launch a Company Blog with Notion + Next.js

Welcome to our tech blog! Today, we’ll walk you through setting up a blazing fast company blog using Notion as your CMS and Next.js as the frontend framework.

🔧 Tech Stack

• 🧱 Next.js (App Router)
• ✨ Tailwind CSS
• 📖 Notion as CMS
• 🔌 @notionhq/client
• 🎨 @notion-render/client
• 💡 Vercel for Deployment

📦 Why This Setup?

This stack is:

• Lightweight
• Free to use (thanks to Notion + Vercel)
• Easy for non-technical teams to manage content

🛠 Setup Steps

1. Create a Notion database with properties:
2. Create an integration token at Notion Integrations
3. Share the database with the integration
4. Build your Next.js app using the Notion API

const notion = new Client({ auth: process.env.NOTION_TOKEN });
const pages = await notion.databases.query({
  database_id: "YOUR_DB_ID",
  filter: {
    property: "Published",
    checkbox: {
      equals: true,
    },
  },
});

✅ Final Thoughts

This is a scalable, modern way to manage blogs without complicated CMSs. Your content team uses Notion, and developers use the Notion API to render it beautifully.

Thanks for reading! 🙌