Sanshit-sagar / next-notion-blog

title	description	tags
NextJS Notion Blog	A NextJS app using Notion as a CMS for a blog	next notion tailwindcss typescript

NextJS Notion blog example

This is an example NextJS app that uses Notion as a CMS for a blog.

✨ Features

• NextJS
• TypeScript
• TailwindCSS
• Notion as a CMS

💁‍♀️ How to use

• When you deploy your application using the link above, we will ask you for the NOTION_TOKEN and the BLOG_INDEX_ID. This section will guide you on how to get those variables and deploy your blog to Railway.

  • Blog index ID: If the URL of your page is https://www.notion.so/Blog-eb3df599cd9b4a8284c0f41bf5563966, then your BLOG_INDEX_ID would be eb3df599cd9b4a8284c0f41bf5563966. Basically, the part after your page title in the URL bar.

  

  • Notion token: To get this, just look for the token_v2 cookie while on Notion.

  

📝 Notes

• Based on what your source for the images is, you will need to update the images key inside next.config.js otherwise your images will not render properly.