Blog: usual
Claude Code로 블로그 프로젝트 만들기

Claude Code로 블로그 프로젝트 만들기

링크 복사
링크가 복사되었습니다

블로그 하나 만들고 싶은데 너무 귀찮은가

Claude code 결제 하나면 알아서 다 해준다. (조금 비싼) 밥 한끼 금액으로 개인 블로그 하나 만든다는 생각으로 하면 괜찮은 가성비인 것 같다.

기술 스택

Framework: Next.js + SSG

목표는 유-우명 블로그가 되는 것이니, SEO도 잘 되어야 한다. 때문에 SSG(Static Site Generation)를 선택했다. Next.js도 잘 사용해보지 않았지만 걱정은 없다.

데이터: Markdown 파일

여러 방식을 고민했으나, .md 파일을 데이터로 사용하는 방식을 선택했다.

단점이라면 사이트 내에서 수정하고 싶은게 생겨도 커밋을 해야한다는 것 정도?

src/data/posts/
├── my-first-post.md
├── another-post.md
└── this-post.md

각 파일은 frontmatter로 메타데이터를 관리한다:

---
id: 1
title: '포스트 제목'
excerpt: '요약'
date: '2025-12-21'
keywords: ['tag1', 'tag2']
---

# 본문 내용...

배포: AWS Amplify

AWS Amplify를 사용해서 배포했다. 알아서 배포에 cdn까지 해주니 참 편하다.

Claude Code와 작업하기

Claude Code와 함께 작업하니 생각보다 빠르게 진행됐다.

  1. "Next.js로 블로그 만들어줘" - 기본 구조 생성
  2. "Markdown 파일에서 데이터 읽도록 변경해줘" - 데이터 구조 변경
  3. "SSG 유지되는지 확인해줘" - 빌드 테스트

복잡한 서버/클라이언트 컴포넌트 분리, 타입 정의, 빌드 에러 수정까지 알아서 처리해줬다.

결과

이제 새 글을 쓰려면:

  1. src/data/posts/ 폴더에 .md 파일 추가
  2. Git commit & push
  3. Amplify가 자동으로 빌드 & 배포

끝!

마무리

귀찮음은 기술로 해결하는 게 맞다. 특히 AI가 있다면 더더욱.

참고로 이 포스트도 Claude Code에게 시키고 검수하였다.