notbook

1. 템플릿 복제

• 다음의 템플릿을 자신의 워크스페이스로 복제해온다
NotBook
A new tool for teams & individuals that blends everyday work apps into one.

https://winterlood.notion.site/winterlood/NotBook-f2794606fade402eb6394b324fd15bc5

• 복제한 페이지에서 데이터베이스를 웹에 게시한다

• notion.site/와 ?v= 사이에 있는 pageId를 복제해둔다

https://devskim.notion.site/d3d3b186ccb140e4bc8bff926a6303b4?v=4f7df7e438774b61bf6903445fc89dbb&pvs=4

2. Secrets 키 발급

• Notion API 사이트에 접속한다
Start building with the Notion API
Connect Notion pages and databases to the tools you use every day, creating powerful workflows.

https://developers.notion.com/

• View my integrations에 들어간다

• New integration 버튼을 클릭한다

• Basic Information을 작성한다

• Secrets 키를 확인한다

• 복제한 웹 페이지에서 API키를 연결한다

3. 저장소 설정

• 다음의 명령어로 저장소를 받는다

git clone https://github.com/winterlood/notbook.git

• .env 파일의 NOTION_API_KEY와 NOTION_DATABSE_ID를 수정한다

BASE_URL=http://localhost:3000
NOTION_API_KEY=secret_****************************
NOTION_DATABSE_ID=d3d3b186ccb140e4bc8bff926a6303b4
GA_TRACKING_ID=YOUR_TRACKING_CODe
ANALYZE=false

• 필요한 노드 패키지를 설치한다

npm install --legacy-peer-deps

• 패키지를 실행한다

npm run dev

3. 웹페이지

• 다음과 같은 모습으로 노션 페이지가 렌더링된다

참고