My First Post(블로그에 사용된 기술을 소개합니다)

Vercel로 이사하게 된 노션x블로그에 대해 소개합니다!

처음 blog를 시작한건 Tistory에서 시작 했습니다. 조금씩 사용을 하다보니 여러가지 이유로 vercel의 notion blog template을 찾게 되었고 무료 도메인을 제공 하는 vercel cloud에서 blog를 새로 시작하게 되었습니다.

• Data backup 및 관리에 대한 불편함
• Notion 사용에 익숙함
• Nextjs 베이스로 기능 및 디자인 Custom이 가능함
• 배포의 편리함

재밌는 애니메이션은 https://rive.app/를 사용해서 추가했습니다. 클릭하면 옷이 바뀝니다.

notion-blog를 만들고 공유해준 Vercel 개발자 분들 정말 감사합니다.

Guillermo Rauch @rauchg for the initial idea
Shu Ding @shuding_ for the design help
Luis Alvarez @luis_fades for design help and bug catching

Github nextjs notion-blog template 주소 공유합니다.

https://github.com/ijjk/notion-blog

const success = action * 10;

• → Tistory는 데이터 관리가 불편하여 나중에 데이터 백업 및 이사에 용이한 notion db를 사용하게 되었습니다.
• → Tistory의 에디터도 큰 불편함 없이 사용 했지만 Notion 에디터가 주는 익숙함으로 편리함을 찾게 되었습니다.
• → Tistory는 html, css로 한정된 변경이 가능한데 비해 직접 React를 사용하면 왠만한 기능들은 모두 추가할 수 있어 앞으로 블로그에 들어갈 기능 추가가 재밌을것 같다는 생각을 했습니다.
• 추가하고 싶은 기능들: 구독, 알림, Analytics, Dark theme 등
• → Vercel에서 제공하는 무료 domain과 배포시스템이 있어 클릭 몇번으로 편리하게 블로그를 배포하고 운영 할수 있습니다.

Notion-blog template의 구조는 아래와 같습니다.

Notion에서 Blog테이블에 글을 작성하면 Frontend에서 notion db의 데이터를 읽어 브라우저에서 새로고침을 하게 되면 바로 반영됩니다.