# Yohan Studio

> 백요한의 1인 기업 사이트. 바리스타 출신 바이브코더가 AI와 자동화로 콘텐츠와 제품을 만든다. Phase 2(블로그·SEO/AEO·쇼룸) 완료, Phase 3(스토어·Supabase·Stripe) 진행 중.

"바이브코더(vibe coder)"는 코드를 직접 타이핑하기보다 AI 코드 에이전트에게 시키고, 시스템을 설계하고, 결과물을 검증·통합하는 1인 개발 방식이다.

## About
- [Home](https://yohanstudio.co/): 자기소개, 메타데이터, 쇼룸·블로그·스토어 진입
- [Showroom](https://yohanstudio.co/showroom): 프로젝트 목록 (각 프로젝트는 `/showroom/[slug]` 상세 URL)
- [Design System](https://yohanstudio.co/design): v1→v2 진화, AI 분업, 로드맵
- [Learning Log](https://yohanstudio.co/learning-log): 특강·강연 배움 기록 (노션 세컨드브레인을 Notion API로 렌더)
- [VHK — Vibe Harness Kit](https://yohanstudio.co/vhk): 바이브코딩 풀사이클 CLI (`npm i -g @byh3071/vhk`)
- [Store](https://yohanstudio.co/store): 디지털 상품·결제 (Phase 3)
- [Diagnosis](https://yohanstudio.co/diagnosis): AI'm Scan 자가진단
- [Services](https://yohanstudio.co/services): 서비스·문의 CTA
- [Contact](https://yohanstudio.co/contact): 문의 폼

## Blog
- [Blog Index](https://yohanstudio.co/blog): 글 목록 + 태그/검색
- [바이브코딩 2시간 배포](https://yohanstudio.co/blog/vibe-coding-2hr-deploy)
- [AI 브랜드 런칭기](https://yohanstudio.co/blog/ai-brand-launch-story)
- [MDX 블로그 파이프라인](https://yohanstudio.co/blog/hello-world)

## Showroom (project detail pages)
- [NotionUIUX](https://yohanstudio.co/showroom/notion-uiux): 노션 임베드 위젯 10종
- [요한 스튜디오](https://yohanstudio.co/showroom/yohan-studio): 이 사이트 빌드로그
- [요한 OS](https://yohanstudio.co/showroom/yohan-os): Notion 1인 운영체계
- [포커스 피드](https://yohanstudio.co/showroom/focus-feed): 유튜브 요약 피드

## Person
- 이름: 백요한 (Yohan Baek)
- 역할: 바리스타 + 바이브코더 · 1인 기업가
- 도구 스택: Claude Code, Codex, Cursor, Next.js, Notion, Supabase, Stripe, Vercel, MDX, Tailwind v4
- 연락: byh3071@gmail.com · [문의](https://yohanstudio.co/contact)
- GitHub: https://github.com/byh3071-cpu
- npm: https://www.npmjs.com/~byh3071

## Phases
- Phase 1 (완료): 랜딩 + 포트폴리오 + Vercel 배포
- Phase 2 (완료): MDX 블로그 + SEO/AEO + 다크모드 + 쇼룸 상세 URL
- Phase 3 (진행): Supabase + Stripe + 스토어 + 진단 결과 저장
- Phase 4: n8n 멀티채널 자동 발행

## Optional
- [Sitemap](https://yohanstudio.co/sitemap.xml)
- [Robots](https://yohanstudio.co/robots.txt)