/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.

Primary LanguageTypeScript

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