Repository files navigation

Welcome to my personal blog built with NextJS, Notion API, and Tailwind CSS!

• My site

• Built with Next.js, TypeScript, Tailwind CSS, and Jotai
• Supports responsive design
• Quickly configurable with thesite.config.ts file
• Supports infinite scrolling
• Fetches posts from Notion DB using Notion API
• Allows post updates without redeployment using Next.js Revalidate when Notion DB changes
• Image thumbnail previews using thelqip-modern library
• Commenting feature with Giscus

1. Clone the repository:

   git clone https://github.com/yourusername/your-repo-name.git

2. Navigate to the project directory:

   cd your-repo-name

3. Install the dependencies:

   yarn

4. Set up the environment variables. Create a .env.local file and add your Notion API key and database ID:

   NOTION_TOKEN=your_notion_tokenNOTION_POST_DATABASE_ID=your_notion_post_idNOTION_ABOUT_ID=about_your_notion_about_idBLOG_URL=your_blog_addr // ex: https://binary01.me

5. Run the development server:

   yarn dev

6. Open your browser and visithttp://localhost:3000 to see the blog in action.

MIT ©Lee Jinsoo