← 전체 글

#astro 4개

Vibe Coding의 실체: 설계 30분, 디버깅 5시간

Cloudflare Web Analytics, GoatCounter, Analytics Engine 3개 분석 도구를 하나의 대시보드로 통합한 vibe coding 구축기. Claude Code plan mode로 설계하고, 35커밋에 걸친 디버깅으로 완성한 과정.

vibe-coding cloudflare astro claude-code analytics

블로그 기능 12종 추가와 Lighthouse 100점 달성기

Astro 블로그에 태그 필터, Pagefind 검색, 소셜 공유, 이전/다음글, 모바일 UX, 읽기 진행률 등 12종 기능을 추가하고 Lighthouse 최적화로 Performance 100점을 달성한 과정을 정리합니다.

astro lighthouse seo web-performance ux

정적 사이트에 동적 기능 구현하기 — GitHub Pages 블로그의 확장

Astro + GitHub Pages 정적 블로그에 SEO 메타 태그, OG 이미지 자동 생성, Giscus 댓글, Cloudflare Workers 좋아요, GoatCounter 분석을 서버 비용 0원으로 구현한 과정을 정리합니다.

astro github-pages cloudflare seo devops

Obsidian Vault에서 GitHub Pages까지 — 기술 블로그 자동 발행 파이프라인

Obsidian에 쌓아둔 기술 노트를 AI 어시스턴트로 블로그 글로 변환하고, GitHub Pages + Cloudflare로 서빙하는 자동 발행 파이프라인을 구축한 과정을 공유합니다.

blog astro github-pages cloudflare devops automation