React

notion을 이용한 CMS를 위해 Gatsby 사용하기

Asset Type
File Type
When to use
Reference
Created by
Created time
2023/08/04 15:29
Last edited time
2023/08/05 04:54
2019년도 글
2020년도 글
Notion API는 최근에 출시되었다. 이미지 관련 이슈가 있다고 한다. 아래의 포스팅을 보니 22년 12월 12일에 Notion에서 제공하는 이미지 링크가 Next.js 이미지 최적화를 사용하는 경우 깨지는 문제를 발견할 수 있다고 한다.(업데이트 날짜가 23년 1월이니 아직 여전할지 모르겠다.) 링크가 만료되기 때문이라고 한다.
가장 쉬운 건 정적 생성을 하지 않고 notion api에서 블록을 자주 가져와서 임시 URL을 얻어내는 것이다.
제공한 해결방법은 cloudinary 같은 CDN에 이미지를 옮기는 것으로, 라이브러리가 잘 지원되고 프리티어가 넉넉한 편이라 그렇다.
API를 사용해서 Notion DB나 페이지에 자신의 파일이나 이미지를 추가하고 싶은가?(가장 궁금했던 부분) 이것은 공식적인 지원이 되지 않는다.
노션 개발자들은 이미 노션에 업로드된 파일에 대해서는 지원한다고 한다.
그러나 base64 데이터 URI를 사용한 해결방법이 있다고 한다. 직접 사용하는 방식은 아니고, Pipedream이라는 로우코드 통합 플랫폼을 이용하는 건데 Pipedream URL로 래핑된 데이터 URI로 API 요청을 수행하는 것이다.
중간에 잠깐 새서 contentful이나 strapi CMS가 notion api에 비해 얼마나 유용하게 쓰일 수 있을지 조사. strapi는 이미 경험이 있어 아는데 기술 전문 지식이 없이 쉽게 접근하기 어려워서 러닝 커브를 생각하면 사용하기가 꺼려진다. https://www.thirdrocktechkno.com/blog/what-is-strapi-cms/
Headless CMS를(헤드리스 CMS는 프런트 엔드 시스템이 아닌 API를 사용하여 저장된 리소스를 제공) 더 찾아봤는데 Figma에서 사용한 Sanity라는 것도 있다. 실시간 미리보기, 공동 작업, 버전 히스토리도 기본 제공된다는데 기술 전문지식이 더 필요하다고 한다. 커뮤니티 플랜은 영구 무료
Contentful은 Spotify 같은 회사에서 사용하며 컨텐츠 편집에 강하다. CMS가 아니라 컨텐츠 CDN에 가깝다.