Working Set
page.tsx
Hero + CTA
Summary
대화와 파일 변경 로그를 한 화면에 압축합니다.
page.tsx
+28Hero + CTA
globals.css
+36motion + button
hero-ai-demo.tsx
+94chat showcase
Vibee AI Flow
질문을 받으면 수정 흐름과 파일 로그를 간단히 보여줍니다.
CTA 버튼 가시성과 히어로 구성을 같이 정리해줘.
로딩 중
2개 파일 변경됨 +64 -20
실행 취소apps/web/app/page.tsx
+28 -12
apps/web/app/globals.css
+36 -8
바이브코딩 학습
입문부터 실전까지
직접 만들기
AI와 함께 결과물 제작
바로 배포
링크로 즉시 공유
레벨 구조
입문부터 심화까지.
원하는 단계에서 바로 시작할 수 있습니다.
인턴
시작하기
Lv.1
주니어
디자인하기
Lv.2
시니어
기능 붙이기
Lv.3
리드
서비스 만들기
Lv.4
아키텍트
완성하기
Lv.5
배포 화면
******.vibee.run
공개
링크 공개
비공개
링크 발급
1초
공개 설정
3가지
배포
만든 결과물을 바로 링크로 배포합니다.
공개 방식도 간단하게 설정할 수 있습니다.
학습 흐름
바이브코딩을 배우는 흐름을 한 제품 안에 담았습니다.
배우고, 만들고, 배포하는 과정이 자연스럽게 이어집니다.
01
배우기
02
만들기
03
배포하기