Nextjs boilerplate to turn Notion databases into fast and SEO-friendly blogs.
Creating a simple custom coded landing page with a blog shouldn't be complicated. We give you everything you need to make notion your headless cms: a Nextjs template and a Notion template. Enjoy also email opt-ins directly inside Notion and full visibility and control over your CMS data from a single Notion page. Join the waitlist:
Trusted technology stack
Next.js App Router
TypeScript
Shadcn/ui
Tailwind
Notion
Example Posts
Everything you need, plug and play
Your Pages Load FAST
Notion databse is known for being slow 🐢 but ISR makes pages as fast as they can get, since every page is prerendered at build time and stored on Vercel servers, ready to be served on demand without having to call your database every time. But feel free to skip ISR and just use SSR. Notion api has a rate limit of 10,800 requests per hour.
No Image Urls Expiration
One of the main problems about making Notion a blog CMS is media urls expiration. We solved this problem by using Azure Blob storage, which automatically stores local files in your posts and serves them to your website without expiration dates. You'll be able to set it up easily thanks to our tutorials.
Fully rendered and easiliy customizable.
Notion API is a pain to deal with. We handled the complexity for you by transforming the blocks into markdown and using a markdown renderer that also allows you to customize every type of block conveniently. No API complexities, no dangerouslySetInnerHTML, and no rigid component logic — just a simple and robust solution.
