왜 기술 블로그를 만들었나요?
회사의 Seed를 맡게 되면서 여러가지 toy 프로젝트를 진행하게 되었습니다
해당 프로젝트들을 진행하면서 알게된 것들을 정리하면서, 다음과 같은 내용을 공유하려 합니다
- Media
- Rust
- Glib
또한, 우리 회사는 어떠한 일을 하는지 궁금하신분들과 소통하기 위해 기술 블로그를 만들게 되었습니다
어떤 방법으로 만들었나요?
현재 저는 개인 블로그를 Notion을 이용하여 운영하고 있습니다
해당 방법은
Notion
과 Next.js
템플릿 그리고 Vercel
을 이용하였습니다Notion
저와 팀원들은 Notion기반 MarkDown 문법의 문서 작성이 익숙했기에 생산성을 고려하여
Notion Base의 글쓰기를 고려하였습니다
Next.js 템플릿
Notion을 이용하여 웹페이지를 만들기 위해 jekyll이나 다른 템플릿을 찾아봤습니다
그 중 댓글과 연동이 되고 UI가 가장 깔끔한 템플릿이었고 따라서 해당 템플릿을 선택하게 되었습니다
Vercel
다음의 내용을 참고하여 github page로 기술 블로그를 배포하려는 시도해보았었습니다.
Next.js Github Pages 가장 쉽게 배포하기 (jasonchoi.dev)
Next - nextjs gh-pages 페이지 배포 - CODE:H (hhyemi.github.io)
Next.js-and-GitHub-Pages-Example
DaveAldon • Updated Jan 18, 2024
하지만 github page로 하면서 다음과 같은 단점과 장점이 있었습니다
Github page를 이용하였을 때의 장점
- 코드의 Repo에서 배포까지 컨트롤 할 수 있다
- github.io 도메인을 사용할 수 있다
- 현재 조직의 그룹에서 다 같이 프로젝트를 관리할 수 있다
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
2skydev • Updated Jan 25, 2024
댓글