Atins의 기술블로그 만들기
Atins의 기술블로그 만들기

Atins의 기술블로그 만들기

작성자
Shalom KimShalom Kim
카테고리
ETC
태그
블로그
노션

왜 기술 블로그를 만들었나요?

회사의 Seed를 맡게 되면서 여러가지 toy 프로젝트를 진행하게 되었습니다
해당 프로젝트들을 진행하면서 알게된 것들을 정리하면서, 다음과 같은 내용을 공유하려 합니다
  • Media
  • Rust
  • Glib
💡
또한, 우리 회사는 어떠한 일을 하는지 궁금하신분들과 소통하기 위해 기술 블로그를 만들게 되었습니다

어떤 방법으로 만들었나요?

현재 저는 개인 블로그를 Notion을 이용하여 운영하고 있습니다
해당 방법은 NotionNext.js 템플릿 그리고 Vercel을 이용하였습니다

Notion

저와 팀원들은 Notion기반 MarkDown 문법의 문서 작성이 익숙했기에 생산성을 고려하여
Notion Base의 글쓰기를 고려하였습니다

Next.js 템플릿

Notion을 이용하여 웹페이지를 만들기 위해 jekyll이나 다른 템플릿을 찾아봤습니다
그 중 댓글과 연동이 되고 UI가 가장 깔끔한 템플릿이었고 따라서 해당 템플릿을 선택하게 되었습니다

Vercel

다음의 내용을 참고하여 github page로 기술 블로그를 배포하려는 시도해보았었습니다.
Next.js-and-GitHub-Pages-Example
DaveAldonUpdated Jan 18, 2024
하지만 github page로 하면서 다음과 같은 단점과 장점이 있었습니다

Github page를 이용하였을 때의 장점

  • 코드의 Repo에서 배포까지 컨트롤 할 수 있다
  • 현재 조직의 그룹에서 다 같이 프로젝트를 관리할 수 있다

Github page를 이용하였을 때의 단점

  • out이란 폴더를 생성하고 배포해야함
  • out이란 폴더에 static html이 생성 되었고 포스팅할 때마다 out 폴더를 업데이트 해주어야함
  • 해당 템플릿은 Vecel을 타겟으로 만들어짐 → 안정성 검증 문제
 
위의 내용중 해당 템플릿의 작성자분이 Vecel을 타겟을 하였기에 안정성이 검증된 방법이라 판단
또한 포스팅을 할 때마다 static page를 만들어야한다는 것은 블로그를 관리할 때 오버헤드가 된다고 판단하여 Vercel을 선택하였습니다
 

추가 개선 사항

현재는 우리가 다른 사람의 템플릿을 참고하여 만들었습니다
따라서 페이지에 대해 커스터마이징을 시도하기엔 어려움이 있습니다
그렇기에 다음과 같은 시도가 필요합니다
  • Rust와 Wasm 통해서 notion API와 연동이 되는 webpage 만들어보기
  • javascript와 Next.js에 대한 공부를 하여 해당 템플릿을 커스터마이징

템플릿 출처

Notion-Next.js-blog-starter-kit
2skydevUpdated Jan 25, 2024
 

댓글

guest