avatar
Woong's Log

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

Next.js에서 노션 데이터베이스 사용하기
May 14
·
2 min read

개요

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

Next.jsNotion에 대한 기본적인 이해는 있다고 가정한다.

구현 방법

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

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

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

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

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

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

구현 결과(예시)

until-21