nextjs-notion-blog-template

A Next.js, Tailwind CSS blog template, based on Next.js App Router and using react-notion-x to render notion posts. Inspired by Tailwind Nextjs Starter Blog, Nobelium.

Demo: https://blog-demo.m4nd4r1n.me/

Quick Start

Vercel

1. Duplicate notion template, publish to web.
2. Fork this repo
3. Personalize blog.config.ts
4. Deploy on Vercel, set environment variables (see .env.example for what environment variables you need to set).

Docker

1. Duplicate notion template, publish to web.
2. Clone this repo
3. Personalize blog.config.ts
4. Setup environment variables

   cp .env.example .env.local
   

   Then fill the variables in .env.local.
5. Set env

   export NOTION_PAGE_ID=xxx # your Page ID
   

6. Build

   docker build -t nextjs-notion-blog:latest --build-arg NOTION_PAGE_ID .
   

7. Run

   docker run -d --name nextjs-notion-blog -p 3000:3000 --env-file .env.local nextjs-notion-blog:latest