No-Blog
Create a blog with Notion as a CMS
Check out the Demo
Ben Paine
Made byGet Started
Run Locally
- Fork the Repository, clone it, and run
npm install
- Fill in the
.env
file - Run
npm run dev
- Copy the page ID for the Post page and paste it into
NOTION_BLOG_ID
in the.env
file- Example: if the url is
https://www.notion.so/b4fdfbc46b534ce58883dd887cae3978?v=50fd8c5289ca4ff0abf6f96209a5bb79
the id would beb4fdfbc46b534ce58883dd887cae3978
- Example: if the url is
Deploy to Vercel
- Duplicate this Notion template and make it public
- Copy the page ID for the Post page and create a new Environment Variable when prompted called
NOTION_BLOG_ID
and paste the id- Example: if the url is
https://www.notion.so/b4fdfbc46b534ce58883dd887cae3978?v=50fd8c5289ca4ff0abf6f96209a5bb79
the id would beb4fdfbc46b534ce58883dd887cae3978
- Example: if the url is
Create Blog Post
- Simply go to the Post page, and click New
- Fill in the Page name, Slug, Date, and Author
- When you're ready, check published
- Done, the slug and post will appear on the page
⚠️ CAVEAT
The slug has to be either one word or seperated by a hyphen. For example, a slug for Hello World needs to be either "helloworld" or "hello-world".
About Page
This page is your About page and will not appear in your blog, but rather will appear under the About
Link. DO NOT DELETE THIS POST, you may break the site. If you do not want an about page, go into /components/nav.tsx
and remove the respective link and you should be safe to delete the About
post