이 시리즈의 두 번째 파트에서는 스타트업 프로젝트의 시작으로 Cursor AI와 Vercel의 V0를 함께 사용하여 마케팅 웹사이트를 구축하고 출시하는 방법을 보여드립니다. Cursor AI Composer를 사용하는 방법과 프롬프트와 매우 낮은 코드만으로 전문적인 웹사이트를 제작하는 전체 워크플로를 다룹니다.
Nextjs, Vercel V0, Vercel, Tailwind, Shadcn, Typescript, 그리고 최신의 인기 스택인 Formspree를 사용하며, 뛰어난 지원을 제공합니다.
이미지 출처: Pexels의 Fauxels - 감사합니다!
챕터
00:36 Vercel V0에서 커서로 변환하는 방법
01:19 커서를 사용하여 Nextjs 설정
04:40 커서를 사용하여 Shadcn 설치
07:15 Git 버전 관리
09:26 Nextjs에 V0 추가
13:33 커서를 사용한 디자인 변경
17:20 커서 AI Notepadlll Composer 요약
19:34 커서 AI 체크포인트
20:30 Nextjs에 이미지 추가
28:28 Nextjs에 폼 추가
33:03 Nextjs 사이트 빌드
34:08 커서를 사용하여 오류 수정
35:54 Github에 게시
36:53 Vercel 호스팅
38:20 Bolt vs Replit vs Cursor
38:57 라이브 사이트!
41:20 AI 개발 워크플로
43:07 댓글에 도움이 있습니다