indraarianggi / indraarianggi-site-v4

NextJs Blog with Notion API and Tailwind CSS

Next.js Blog with Notion API and Tailwind CSS

Getting Started

1. Clone this repository

   git clone [e-mail]:indraarianggi/indraarianggi-site-v4.git

2. Install dependencies

   yarn install

3. Congfigure environment settings

   Create a file with the following name and location .env.local and copy the contents from .env.example into it. Replace the values with your specific configuration. Don't worry, this file is in the .gitignore so it won't get pushed to github.

   NOTION_ACCESS_TOKEN=<your-notion-integration-token>
   NOTION_BLOG_DATABASE_ID=<your-notion-database-id>

4. Run development server

   yarn dev

   Open http://localhost:3000 with your browser to see the result.

Resources

1. Next.js
2. Tailwindcss
3. Notion API
4. Build a Notion Powered Blog w/ NextJS & TailwindCSS

Inspirations

1. Learn User Interface Design website by Dwinawan
2. Tailwind Nextjs Starter Blog