Next.js에서 노션 데이터베이스 사용하기

개요

Notion 데이터베이스에 저장된 데이터를 기반으로 Next.js 프로젝트를 만들었던 경험을 토대로,
Notion 데이터베이스를 Next.js 프로젝트에 적용하는 방법을 정리해보려고 한다.

※ Next.js 와 Notion에 대한 기본적인 이해는 있다고 가정한다.

구현 방법

1. Notion에서 데이터베이스를 생성하고, API Key를 발급 받는다.

2. Next.js프로젝트를 생성하고, Notion 데이터베이스를 연결한다.

3. 컴포넌트 및 페이지를 구현한다.

4. 프로젝트를 배포한다.

더 자세한 내용은 아래 링크에서 확인할 수 있다.

https://www.woongsnote.dev/blog/how-to-use-notion-database-in-nextjs

구현 결과(예시)