Blog Using Next js And Notion

2022-11-11

Hey 👋 I am Andrew, I recently started learning next js and wanted to build a small project to quickly grasp on how to use this framework by building something that would integrate with my notion workflow.

The tech stack used for this project are:

  • Next JS
  • React-Markdown
  • RehypeRaw
  • TailwindCSS
  • Notionhq/client
  • Notion-md

The folder structure for this project is :

  • components - This folder contains all the UI components
  • lib - It contains the notion client api functions required for the integration
  • pages - All the static pages and routes go here
  • styles - Even though we are using tailwind, we’ll need a global css file for a few things in this site
© Designed and Coded by Andrew Lamichhane