online shop

다음에 JS 및 TypeScript로 구현 된 전자 상거래 사이트 템플릿. Tailwindcss와 함께 스타일. 이것은 내 포트폴리오 중 하나이지만,이 코드가 다른 코드를 도왔다면 기뻐할 것입니다. 그래서 나는 그것을 오픈 소스 프로젝트로 게시했습니다. 자유롭게 탐색하고 도움이 필요하면 저에게 물어보십시오. 가능한 빨리 응답 할 것입니다.

저를 지원하려면 풀 요청을 만들고이 저장소에 별을 주십시오.
미리 여러분의 지원에 감사드립니다. ❤

기술 • 데모 • 기능 • 페이지 • 시작하기 • 기고 • 저에게 연락하십시오

? 기술

데모

Zishop.vercel.app의 Zishop 템플릿을 방문하고 탐험 할 수 있습니다.

특징

• State Manager로 Redux 툴킷 사용
• Sanity.io 사용 데이터베이스
• 완전히 반응합니다
• 다국어 (En-Fa)
• 멀티 테마 (Dark/Light)

? 페이지

• 메인 (인덱스)
• 로그인/가입
• 제품 목록
• 제품 세부 사항
• 카트
• 즐겨 찾기
• 에 대한

(위로 돌아가?)

시작하기

1. Sanity.io에 가입하고 projectId 및 token 얻으십시오

경고 정신과 함께 일하면서이란에 사는 사람들은 VPN 사용해야합니다.

2. 프로젝트를 복제하십시오

git clone https://github.com/ZahraMirzaei/online-shop.git

3. 프로젝트 종속성을 설치하십시오

npm install
# or
yarn add

4. lib/client.ts 에 projectId 입력하십시오
5. 루트 프로젝트에 .env 파일을 추가하고 .env 에 token 입력하십시오.

 NEXT_PUBLIC_SANITY_TOKEN = [ ENTER YOUR TOKEN ]

6. Sanity_onlineShop 폴더로 이동 하여이 경로에서 새 터미널을 열면

sanity start

http://localhost:3333 열고 제품을 입력하십시오.

7. 프로젝트 루트 경로에서 개발 서버를 실행하십시오.

npm run dev
# or
yarn dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

pages/index.tsx 수정하여 페이지 편집을 시작할 수 있습니다. 파일을 편집 할 때 페이지가 자동 업데이트됩니다.

? 기여

공헌은 오픈 소스 커뮤니티를 배우고, 영감을주고, 창조 할 수있는 놀라운 장소입니다. 당신이하는 모든 기여는 대단히 감사합니다 .

이를 더 좋게 만드는 제안이 있다면, repo를 포크하고 풀 요청을 만듭니다. "Enhancement"태그에 문제를 열면 간단히 문제를 열 수도 있습니다. 프로젝트에 별을주는 것을 잊지 마십시오! 다시 한 번 감사드립니다!

1. 프로젝트를 포크하십시오
2. 기능 지점 만들기 ( git checkout -b feature/AmazingFeature )
3. 변경 사항을 커밋하십시오 ( git commit -m 'Add some AmazingFeature' )
4. 분기로 git push origin feature/AmazingFeature
5. 풀 요청을 엽니 다

저에게 연락하십시오

---

(위로 돌아가?)