시리즈 · 총 4편
블로그 제작기
Astro + Cloudflare 기반 기술 블로그를 처음부터 현재 형태까지 만들어온 과정
- 1.
정적 사이트에 동적 기능 구현하기 — GitHub Pages 블로그의 확장
Astro + GitHub Pages 정적 블로그에 SEO 메타 태그, OG 이미지 자동 생성, Giscus 댓글, Cloudflare Workers 좋아요, GoatCounter 분석을 서버 비용 0원으로 구현한 과정을 정리합니다.
- 2.
블로그 기능 12종 추가와 Lighthouse 100점 달성기
Astro 블로그에 태그 필터, Pagefind 검색, 소셜 공유, 이전/다음글, 모바일 UX, 읽기 진행률 등 12종 기능을 추가하고 Lighthouse 최적화로 Performance 100점을 달성한 과정을 정리합니다.
- 3.
Vibe Coding의 실체: 설계 30분, 디버깅 5시간
Cloudflare Web Analytics, GoatCounter, Analytics Engine 3개 분석 도구를 하나의 대시보드로 통합한 vibe coding 구축기. Claude Code plan mode로 설계하고, 35커밋에 걸친 디버깅으로 완성한 과정.
- 4.
Cloudflare 위에 블로그 전부 올리기 — Pages, Workers, AE, KV, D1 통합 아키텍처
GitHub Pages에서 Cloudflare Pages로 이전하고, GoatCounter를 버리고, D1으로 퀴즈를 만들고, Workers 3종으로 API를 분리하기까지 — 각 전환의 계기와 얻은 것, 잃은 것.