ecommerce admin dashboard next13

풀 스택 Next.js 13 전자 상거래 상점을 위한 관리 대시보드 및 CMS | Next.js 13 앱 라우터, React, Tailwind, Prisma, MySQL

이는 완벽하게 작동하는 관리 대시보드 및 CMS를 위한 저장소입니다.

여기에서 전자상거래 상점의 Github 저장소를 찾으세요: https://github.com/demitraps/ecommerce-store-next13

특징

• 여러 매장 만들기
• 통계가 포함된 대시보드
• 다양한 카테고리별로 광고판 만들기
• 크기/색상
• 사이즈, 색상, 광고판과 연계된 제품
• 아카이브/특집 제품
• 광고판, 카테고리, 크기, 색상 편집/삭제
• 결제 상태가 표시된 주문 페이지
• 게시판, 카테고리, 크기, 색상, 제품에 대한 API 호출
• 밝고 어두운 모드

기술 스택

반응, Next.JS 13, TypeScript, TailwindCSS

인증: 사무원 데이터 검증: Zod 파일 업로드: Cloudinary 구성 요소: Shadcn 데이터베이스: Prisma ORM이 포함된 MySQL-PlanetScale

로그인

https://ecommerce-admin-dashboard-next13-seven.vercel.app/

데모

제품 생성:

그리고 매장에서:

스크린샷

홈페이지:

매장 생성:

게시판:

빌보드 만들기:

카테고리:

크기:

그림 물감:

제품:

제품 생성:

명령:

설정:

라이트 모드:

할 일 목록

• 제품당 여러 수량
• 이메일 알림
• 비디오 업로드
• 뉴스레터
• 추가 통계
• 주문을 완료로 표시
• 추적 추가

전제 조건

노드 버전 14.x

저장소 복제

  git clone https://github.com/demitraps/ecommerce-admin-dashboard-next13.git

PlanetScale 및 Push Prisma에 연결

npx prisma generate
npx prisma db push

앱 시작

npm run dev

사용 가능한 명령

npm을 사용하여 명령 실행 npm run [command]

명령	설명
dev	앱의 개발 인스턴스를 시작합니다.