제목 어그로 죄송합니다 .....

안녕하세요! 이번에 사이드 프로젝트로 블로그와 이력서 템플릿을 만들어봤어요!

많은 메이커분들께서 블로그와 이력서를 사용하시고, 만드시는 것으로 알고 있어,

비록 말하는 감자에 불과한 제 프로젝트가 도움이 될 수도 있을 것 같아 공유드려요 !!

Comet-land ☄️

Github URL : https://github.com/hyesungoh/comet-land

Blog demo URL : https://comet-land-blog.vercel.app/

Resume demo URL : https://comet-land-resume.vercel.app/

자기소개

저는 서울에서 학부생 겸 취준생으로 공부하고 있어요!

원래 백엔드 개발을 위주로 하였으나, 니코쌤의 강의들을 통해 프론트엔드 영역에서 더욱 재미를 느껴 현재는 프론트엔드 개발을 위주로 하고 있어요!

서비스 소개

블로그와 이력서 템플릿입니다!

• NextUI를 사용해 Next.js의 디자인 시스템을 따랐어요!

• 코드 섹션에 강조되는 줄과 줄 수를 표시할 수 있어요!

• 데스크탑 사이즈에서는 목차를 볼 수 있어요!

• KBar를 사용해서 검색, 연락처등을 확인할 수 있어요! (데모에서 CMD + k를 눌러보세요..!)

• GA와 Hotjar ID만 입력하면 쉽게 연동할 수 있어요!

• 그 외 다크모드, 댓글 등의 기능이 있어용

시작하게된 계기

제목의 어그로같이 깔끔하지만 화려하고,

블로그와 이력서 모두 같은 스타일로 관리하고 싶었어요!

그에 더불어 많은 개발자분들께서 제가 만든 템플릿을 사용해주시면 좋을 것 같아 수정에도 용이하도록... 노력해봤어요!

개발

Turborepo, Next.js, TypeScript, Emotion, NextUI, KBar, Unified, Rehype

크게는 위 스택으로 개발했어요!

Turborepo

• 같은 스타일로써 관리하고자 하여 모노레포로써 개발해보았어요!

• 이력서와 블로그를 다른 앱으로 사용하며, 공통되는 컴포넌트를 core 앱으로 관리했어요!

Next.js

• SSG로써 사용했어요!

Unified, Rehype

• 마크다운 파일을 컴파일하는 용도로 사용했어요!

• Remark와 비교해서 번들링 사이즈가 적었어요!

바라는 것은?

1인 프로젝트로써 아직 부족한 것이 많다고 생각돼요!

오픈소스 프로젝트로써 다양한 개발자들이 수정하고 발전해나가는 프로젝트가 되었으면 좋을 거 같아요!

많은 분들께서 사용해주시면 더욱 좋구요..!

이상 긴 글 읽어주셔서 감사드리고 제가 직접 사용한 블로그와 이력서는 제 깃허브에서 확인하실 수 있는 점 말씀드리며 마칩니다..!

감사합니다 😊🙏