NamNguyen.blog

First of all a huge thank you to braydoncoyer.dev, I tool all the inspiration and started from his template. I love the idea of having Notion Databases as template! Thank you Braydon!

• Framework: Next.js

• Styling: Tailwind CSS

• Content: Notion API

• Deployment: Vercel

Project Overview

• components/* - Various components used throughout the site.
• layouts/* - The different layout options available to use on each page.
• lib/* - Short for "library", a collection of helpful utilities or code for external services.
• pages/api/* - API routes powering article reactions, article views,
• pages/blog/* - Static pre-rendered blog pages that fetch information from the Notion API.
• pages/* - All other static pages.
• public/* - Static assets including robots.txt
• styles/* - A handful of global styles, and reusable classes utilzing @apply with Tailwind.
• data/* - a simple object containing global data about the site.

Running Locally

$ git clone https://github.com/namnguyenn17/blog.git
$ cd blog
$ npm install
$ npm run dev

Create a .env file similar to .env.example and include the appropriate keys.

Notion Article Template

Duplicate the following Notion database, grab the database ID and add it to the environment variables in the .env file.