bjc1102 / notion-blog

Notion을 CMS로 활용한 블로그로 Notion API를 사용하였습니다

Home Page:https://choi-notion-blog.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Using Notion as a CMS

Summary

  • NextJS를 활용하여 전체 페이지를 정적으로 생성
  • 노션 db를 활용한 메인 페이지 제작
  • 카테고리, 태그를 통한 페이지 필터, 검색 기능 구현
  • 상세 포스트 페이지 정적 생성

Trouble shooting

SSG, SSR의 차이점을 문제를 통해 정리.

SSG를 업데이트하기 위한 증분 정적 재생(ISR).

NextJS SSG ISR은 왜 동작하지 않았나

Description

Notion에서 제공하는 API 및 공식 문서를 활용하여 개발한 블로그입니다. Notion 페이지에서 작성한 문서를 쉽게 외부에 공유할 수 있도록 자동화하기 위해 진행한 프로젝트입니다. Notion API를 활용하여 개발하던 중 데이터를 불러오는 속도가 많이 느리고 블로그 목적상 자신의 생각을 표현하여 글을 공유하기 위해 NextJS의 SSG를 활용하여 구현하였습니다.

이를 통해 기존 CSR, SSR 방식보다 속도를 약 90% 개선하였습니다

Tech Stack

TypeScript Badge Next.js Badge TailwindCSS Badge Notion Badge

Notion database URL

Image

About

Notion을 CMS로 활용한 블로그로 Notion API를 사용하였습니다

https://choi-notion-blog.vercel.app/


Languages

Language:TypeScript 91.3%Language:JavaScript 4.9%Language:CSS 3.8%