YOHANSTUDIO
← SHOWROOM INDEX
Build Log2026

요한 스튜디오

이 웹사이트 자체. 블로그·포트폴리오·스토어·진단의 거점.

문제

AI 시대 1인 기업가의 활동을 한 도메인에 묶을 거점이 없었다.

해결

Next 16 + MDX + Vercel — Phase 1 랜딩 → 2 블로그/SEO → 3 결제.

결과

블로그·쇼룸·진단·스토어가 한 도메인에서 SEO/AEO 친화적으로 연결된다.

사용 기술

NextTSMDX

링크

Live / Demo →

자주 묻는 질문

이 사이트도 쇼룸에 올라가 있나요?

네. 메타 프로젝트로 빌드 과정·스택·Phase 로드맵을 이 페이지에서 확인할 수 있습니다.

AI 시대, 나만의 브랜드를 만드는 법 — 요한 스튜디오 런칭기 썸네일
AI 시대, 나만의 브랜드를 만드는 법 — 요한 스튜디오 런칭기

고졸 바리스타가 AI와 바이브코딩으로 1인 스튜디오를 만든 과정. 도메인 구매부터 첫 배포까지.

바이브코딩으로 2시간 만에 웹사이트 배포한 후기 썸네일
바이브코딩으로 2시간 만에 웹사이트 배포한 후기

코딩 경험 0, Cursor + Claude로 포트폴리오 사이트를 2시간 만에 만들고 배포한 실전 기록

MDX 블로그 파이프라인

next-mdx-remote RSC와 프론트매터로 정적 글을 렌더링하는 구조를 정리했다.