포트폴리오
웹 개발
노션 DB → 웹사이트 자동 동기화 (ISR)
노션에 작성한 콘텐츠가 웹사이트에 자동 반영되는 실시간 동기화 시스템
Next.jsNotion APIISRVercelTypeScript
Challenge
노션 데이터베이스에 콘텐츠를 작성하면, 웹사이트에 자동으로 반영되는 동기화 시스템입니다.
Solution
ISR(Incremental Static Regeneration) 기술로 빠른 로딩 속도를 유지하면서도, 노션 업데이트가 웹사이트에 자동 반영됩니다.
Before
CMS 로그인
After AX
노션 편집
Features
핵심 기능
노션 기반 CMS
별도 관리자 페이지 없이 노션에서 직접 콘텐츠를 관리합니다.
ISR 자동 재빌드
전체 사이트 재배포 없이 변경된 페이지만 빠르게 업데이트합니다.
SEO 최적화
정적 페이지 생성으로 검색 엔진 최적화와 빠른 로딩 속도를 동시에 확보합니다.
이미지 자동 최적화
노션에 업로드된 이미지를 웹 최적 포맷으로 자동 변환합니다.
Results
프로젝트 성과
CMS 로그인→작성→배포 과정을 노션 편집 하나로 대체
콘텐츠 업데이트
정적 생성으로 1초 이내
페이지 로딩 속도
개발자 없이 콘텐츠 업데이트 가능 — 마케팅팀 자체 운영
SEO 점수 향상 — 정적 페이지 + 메타데이터 자동 생성