Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

ixfp/gitmon-client

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

171 Commits
171 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📘 Gitmon Client

Gitmon은 블로그 운영만으로 Git 저장소까지 함께 관리되도록 설계된, 마크다운 기반 블로그 플랫폼입니다. 개발자는 블로그 관리만 하면 Git 커밋과 버전 관리까지 자동으로 이뤄지므로, 따로 Git을 신경 쓸 필요가 없습니다. 개발 블로그를 운영하면서 자연스럽게 Git 활동이 누적되어, 성실한 개발자처럼 보이는 효과도 얻을 수 있습니다.


✨ 주요 기능 및 UI 구성

📝 마크다운 기반 포스트 관리

  • /posts 디렉토리 내 마크다운 파일을 자동으로 인식하여 블로그 글로 렌더링합니다.
  • 포스트 메타데이터는 greymatter를 통해 정의하며, 날짜, 태그, 요약 등을 설정할 수 있습니다.

🧭 블로그 홈

  • 최신 포스트를 정렬하여 목록 형태로 보여줍니다.
  • 각 포스트는 제목, 요약, 작성일 정보와 함께 카드 UI로 표시됩니다.

📄 포스트 상세 페이지

  • 마크다운을 HTML로 변환하여 콘텐츠를 정갈하게 보여줍니다.
  • 코드 하이라이팅, 이미지, 링크 등을 지원합니다.

🛠 사용 기술

프레임워크 & 언어: React, Next.js (App Router), TypeScript

스타일 & UI 구성: Tailwind CSS, shadcn/ui, lucide-react

상태 및 데이터 관리: TanStack Query, React Hook Form, Zod

마크다운 처리: gray-matter, react-markdown, remark-gfm


🚀 시작하기

# 의존성 설치
pnpm install

# 개발 서버 실행
pnpm --filter=gitmon-blog dev

📡 백엔드 레포지토리


📌 기획 배경

Gitmon은 개발자가 가장 익숙한 Git을 기반으로 콘텐츠를 관리할 수 있다는 장점에 집중한 프로젝트입니다. 블로그에서 글만 쓰면 Git 커밋까지 자동으로 관리되는 블로그를 만들고자 했습니다.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.