전자상거래 관리 대시보드
여러 온라인 상점을 쉽게 관리할 수 있는 중앙 허브인 전자상거래 관리 대시보드에 오신 것을 환영합니다. 이 관리 대시보드를 사용하면 제품 관리, 재고, 판매 등 전자상거래 비즈니스의 다양한 측면을 제어할 수 있습니다. Next.js, Shadcn UI, Tailwind CSS, PostgreSQL용 AWS RDS, 이미지 저장용 AWS S3, 인증용 Clerk로 구축되어 전체 전자 상거래 생태계의 관리를 단순화합니다.
주요 특징
다중 매장 관리
- 의류, 식품, 컴퓨터 등 여러 매장을 하나의 중앙 대시보드에서 원활하게 관리하세요.
- 다양한 매장에서 광고판, 카테고리, 크기, 색상 및 제품을 생성, 업데이트 또는 삭제합니다.
효율적인 데이터 처리
- 페이지 매김, 검색 기능이 포함된 테이블을 활용하여 데이터를 효율적으로 조회하고 관리하세요.
- 재고 관리를 간소화하고 홈페이지에 제품을 쉽게 표시하거나 보관할 수 있습니다.
데이터 시각화
- Recharts를 사용하여 주문, 판매 및 수익을 그래픽으로 표현하여 전자상거래 성과에 대한 통찰력을 얻으세요.
사무원을 통한 인증
- Clerk를 사용하여 관리자를 안전하게 인증하면 OAuth2 또는 이메일 및 비밀번호를 사용하여 Google 계정으로 로그인할 수 있습니다.
Stripe를 이용한 결제 관리
- 원활한 거래 경험을 제공하는 Stripe 통합을 통해 손쉽게 결제를 관리하세요.
테마 모드
- 밝은 테마와 어두운 테마 모드를 모두 지원하여 가독성과 심미성을 향상시켜 개인화된 사용자 경험을 즐겨보세요.
주문 확인
- 주문이 완료되면 고유한 주문 추적 번호가 포함된 자동 확인 이메일을 받아 항상 구매에 대한 정보를 얻을 수 있습니다.
데모
데모 목적으로 모든 방문자가 현재 상태의 관리 웹 사이트를 볼 수 있도록 관리 경로는 프로덕션에서 의도적으로 비활성화되었습니다. 사전 구성된 제품으로 의류 매장과 신발 매장 등 두 개의 별도 매장이 생성되었습니다.
전자상거래 관리 대시보드 데모를 탐색하여 이러한 기능을 실제로 경험해보세요.
동반매장
Github 페이지
전자상거래 상점 웹사이트 GitHub: GitHub 저장소
웹사이트
전자상거래 플랫폼의 다양성을 보여주는 두 개의 서로 다른 매장을 탐색하여 다중 매장 기능을 살펴보세요. 전체 경험을 위해 아래 제공된 테스트 카드 정보를 사용하여 자유롭게 탐색하고 장바구니에 항목을 추가하고 결제 프로세스를 완료하세요.
라이브 웹사이트를 탐색하려면 링크를 클릭하세요:
- 전자상거래 의류 매장 웹사이트
- 전자상거래 신발 매장 웹사이트
사용된 기술
- Next.js: 서버 측 렌더링 및 웹 애플리케이션 구축을 위한 React 프레임워크
- Shadcn UI: 접근 가능하고 사용자 정의가 가능한 사용자 인터페이스를 구축하기 위한 인기 있는 구성 요소 라이브러리
- Tailwind CSS: 스타일링을 위한 유틸리티 우선 CSS 프레임워크
- PostgreSQL: 강력한 오픈 소스 관계형 데이터베이스 관리 시스템
- AWS RDS: PostgreSQL 데이터베이스 관리를 위한 Amazon Web Services 관계형 데이터베이스 서비스
- AWS S3: 이미지 및 기타 자산을 저장하기 위한 Amazon Web Services Simple Storage Service
- 사무원 : 사용자 로그인을 안전하게 관리하기 위한 인증 서비스
- Stripe: 반복 결제를 처리하는 결제 처리 플랫폼
- Recharts: 대화형 데이터 시각화 구축을 위한 구성 가능한 차트 라이브러리
스크린샷
개요 페이지(라이트)
개요 페이지(어두운)
제품 페이지
제품 페이지 편집
서기 로그인 페이지
특허
이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다.
연락하다
질문이나 제안 사항이 있으면 언제든지 다음 연락처로 문의해 주세요.
