프론트엔드
유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.
#Next.js
Stripe, Typescript, Tailwind를 사용하여 풀 스택 Next 14 MERN 이벤트 앱 구축 및 배포
Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose를 사용하여 인증, 이벤트 관리, 검색, 필터링, 카테고리, 결제 및 결제 기능을 갖춘 Eventbrite 또는 Meetup과 같은 이벤트 웹 앱을 구축하세요.
00:00:00 - 소개
00:02:53 - 설정
00:19:53 - 헤더
00:22:58 - Clerk
00:46:06 - 바닥글
00:48: 27 - 홈
00:55:49 - MongoDB 연결
01:11:58 - Webhooks & Clerk
01:29:44 - 배포
01:37:34 - 이벤트 생성
01:48:00 - Zod 유효성 검사
01:55:01 - 드롭다운
02:05:45 - 파일 업로더
02:20:25 - 날짜 선택기
02:33:34 - 양식 제출 및 작업
03:06:21 - 이벤트 세부정보 페이지
03:27:43 - 컬렉션(홈페이지)
03:41:26 - 카드
03:54:31 - 삭제 확인 다이얼로그
03:59:32 - 이벤트 업데이트/수정
04:11:55 - 관련 이벤트
04:16:11 - 프로필 페이지
04:29:22 - 결제 및 스트라이프
05:03: 50 - 주문 세부정보
05:06:44 - 검색
05:17:03 - 카테고리 필터
05:26:11 - 페이지 매김
05:33:10 - 앱 확인 및 개선
05:36:16 - 최종 배포
Comments
키워드 내용에 대한 서로의 생각을 공유하고 댓글로 응원해주세요.