bejamas / notion-nextjs-demo

Home Page:nextjs-blog-gathoni-k.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

This is a Next.js blog powered by Notion

Getting Started

Create a Notion database with the following fields.

  • Name - The title of the blog post.
  • Slug - The URL of a post.
  • Description - A list of users that wrote the post.
  • Tags - The URL of the meta image for a post
  • Published - Indicates whether the post is published or not. Only the published posts will be displayed on the blog.
  • Date- The date the post was published

Follow Notion's getting started guide to get a NOTION_TOKEN and a NOTION_DATABASE_ID, then add them to the .env file.

NOTION_TOKEN=
DATABASE_ID=

Here is a sample Notion database you can duplicate.

Run the development server:

npm run dev
# or
yarn dev

Deploy with Vercel

Deploy with Vercel

Deploy with Netlify

Deploy with Netlify

Check out this repo's deployed version.

About

nextjs-blog-gathoni-k.vercel.app


Languages

Language:JavaScript 86.6%Language:CSS 13.4%