프론트엔드
유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.
#Next.js
풀스택 전자상거래 웹사이트 구축 및 배포 + 관리 대시보드
Next.js 14, 결제용 Stripe, 모든 데이터베이스 관리용 TypeScript, MongoDB, 인증 및 사용자 관리용 Clerk, 양식용 React-Hook-Form을 사용하여 관리 대시보드가 포함된 풀 스택 통합 전자 상거래 웹 사이트를 구축 및 배포.
반응형 UI 디자인을 위한 Tailwind CSS 및 Shadcn UI, 이미지 업로드 및 저장을 위한 Next Cloudinary 등이 있습니다.
00:00:00 - 소개
00:10:11 -인증
00:29:30 - 레이아웃
00:46:45 - 컬렉션 생성
02:33:19 - 제품 생성
04:20:11 - E 홈페이지 - 커머스 스토어
05:07:14 - 위시리스트에 추가
05:26:04 - 제품 세부정보 페이지
05:59:03 - 장바구니에 추가
06:38:52 - Stripe로 결제
07:08:38 - Stripe webhook로 주문 생성
07:45:41 - 주문 및 고객 대시보드
08:22:35 - 메인 대시보드
08:47:12 - 검색창
09:14:44 - 위시리스트 및 주문 페이지
09:47:49 - 관련 상품
09:59:51 - Deployment
채널을 구독하면 구독한 채널에 키워드를 등록할 수 있습니다.
..
Comments
키워드 내용에 대한 서로의 생각을 공유하고 댓글로 응원해주세요.
등록된 댓글이 없습니다.
