계기
전 평소에 Github이나, 개발 블로그를 많이 돌아다니면서 개발 거리나 아이디어를 찾아 해매곤 합니다.
그리고 좋은 프로젝트를 발견하며 북마크해놓거나 star를 눌러놓습니다.
이번엔 아래와 같은 레포를 발견했었습니다.
react-notion-x
NotionX • Updated Aug 30, 2023
바로 notion page의 내용을 react component 로 가져와서 사용할 수 있게 만드는 레포였습니다.
이걸 보고 재밌는 생각이 떠올랐습니다.
요즘 Github 블로그 글을 쓰는 것이 귀찮으면서도 불편했다. 근데 노션으로 쓰면, 좀더 편하지 않을까?
나중에 불편하더라도, markdown 으로 뽑아서 옮겨가면 되겠지!
그렇게 바로 시작했습니다.
참고한 내용
react-notion-x 레포지터리에 있는 example 들 중, full 내용을 가장 많이 참고해서 가져왔습니다. 역시 누가 짜둔 코드가 최고였습니다.
하지만, 몇가지 문제가 있었습니다.
- root 도메인이 아니라, subdomain에 호스팅해보려 했습니다.
- 즉. singun11.wtf이 아닌, singun11.wtf/notion-blog 로 해보려했었습니다.
- 이 때문에, 계속 루트 도메인에 pageID가 붙어 다른 페이지로 이동되는 이슈가 있었습니다.
- sub domain에서 활용해봤으니 이제 blog.singun11.wtf 으로 바꿔서 해볼 예정입니다.
- 한글 title이 있는 경우, 제대로 링크가 생성되지 않는 이슈
아래 post를 참고하여 수정하였습니다.
