Build Next + Notion apps easily with notion-on-next

Why?

  • ⚡️ Fast
  • 💵 Free
  • 📖 Open Source
  • 💯 Lighthouse Scores
  • 🖍 Edit in Notion
  • ⌨️ Automatic Types
  • 🏞 Automatic Image Optimization
  • 🔧 Customizable

Examples

You can use notion-on-next to connect to multiple databases! The examples below show two different databases being used in different ways.

Programming Blog
An example to show how you would use notion-on-next to build a blog.
Dog Breeds
You can use notion-on-next for content other than blog posts too! This example displays a database of dog breed info.
Supported Block Examples
Clone this repo and follow the setup instructions to connect and deploy your app in minutes!

Repositories

You can find documentation in either readme

notion-on-next
The primary repo for this library. Use this if you want to install in an existing app, or if you want to build a new app from scratch.
notion-on-next-starter
Use this repo if you want most of the setup handled for you. Clone it, connect your databases, and customize from there. Comes preloaded with Tailwind.