1-blue / deprecated-bleshop

나 혼자 개발하는 쇼핑몰 프로젝트

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🐲 bleshop

공부를 목적으로 만든 쇼핑몰 사이트입니다.

🛠️ 사용 라이브러리 🛠️

💁‍♂️ 사용 툴 🙋‍♂️

🙌 구현 기능

  1. 유저 CRUD
  2. 상품 CRD
  3. 리뷰 CRD
  4. 장바구니 CRD
  5. 찜하기 CRD
  6. 결제 기능 CRD
  7. 결제 기록 CRD
  8. 상품 검색
  9. 카테고리, 필터링

🛠️ 제작환경

  1. OS: Window11
  2. editor: VSCode, Sourcetree
  3. terminal: git bash
  4. Database: docker - mysql-server
  5. vcs: Git / GitHub
  6. Front: Next.js
  7. Back: Next.js
  8. 배포: AWS EC2 ubuntu 22.04
  9. 이미지 저장소: AWS S3
  10. 도메인: 가비아

👇 가이드라인

1. 프론트엔드

  • 종속성 설치
npm install

# npx 가능하다면 설치 안 해도 됨
sudo npm install -g pm2
  • .env 생성
DATABASE_URL=
SECRET=
ANALYZE=

KAKAO_ID=
KAKAO_SECRET=

GOOGLE_ID=
GOOGLE_SECRET=
  • .env.development, .env.production 생성
NEXTAUTH_URL=

NEXT_PUBLIC_FRONT_URL=
NEXT_PUBLIC_PHOTO_URL=

NEXT_PUBLIC_IAMPORT_CODE=

BLESHOP_AWS_REGION=
BLESHOP_AWS_ACCESS_KEY=
BLESHOP_AWS_SECRET_KEY=

IAMPORT_REST_API_KEY=
IAMPORT_REST_API_SECRET=
  • 빌드
npm run build
  • 실행
# 개발 시
npm run dev

# 배포 시
sudo pm2 start npm -- start

👀 주의

  1. 프로젝트의 결제 기능은 실제 결제가 아닌 테스트 결제입니다. ( 금액이 사용되지 않음 )
  2. 현재 AWS-S3에서 빌드를 못해서 따로 build 브랜치를 만들어서 배포한 상태입니다.

About

나 혼자 개발하는 쇼핑몰 프로젝트


Languages

Language:TypeScript 99.3%Language:JavaScript 0.5%Language:CSS 0.2%