next e commerce 다운로드 - next e commerce 소스 코드 다운로드

next e commerce

AI 소스 코드

1.0.0

다운로드

전자 상거래 웹 사이트

데모 : https://next-e-commerce-example.vercel.app/

1 주일 안에 자체 도전으로 만든 ecommerce 웹 사이트 예제. 나중에 처리 할 몇 가지 문제가 있습니다. FireBase 사용 백엔드로 사용합니다.

저에게 연락하십시오 ·보고 버그 · 요청 기능

프로젝트에 대해

Anton Mikhaltsov의 Dribbble에서 UI 디자인을 보았습니다. 그리고이 디자인을 코딩하고 싶었습니다. 그래서 나는 그것을 Nextjs와 함께 전체 작업 웹 사이트로 만들기로 결정했지만 단 1 주 안에 도전했습니다. 일부 문제는 여전히 존재하지만 나중에 확인하겠습니다.

필터 및 정렬 버튼은 아직 작동하지 않습니다.
~~시간이 충분하지 않기 때문에 웹 사이트는 반응이 좋지 않습니다. 나는 현재 작업 중입니다.~~ 이제 반응이 좋습니다.
Firebase 기능이 더 나을 수 있습니다
홈페이지 (뉴스 인) 카드에는 리디렉션이 없습니다. 그들은 단지 자리 소유자 일뿐입니다.

구축

반응
다음 JS
중포 기지
후크 형태를 반응합니다
날짜 -FN
사스

스크린 샷

뉴스

카드에는 링크가 없으며 정적이며 자리 표시 자일뿐입니다.

카테고리

제품

카트

계정

시작하기

전제 조건

node.js 버전 10.13 이상
git (2.20.1을 사용했습니다)

설치

Firebase 프로젝트를 만들어야합니다
레포를 복제하고 디렉토리를 변경하십시오

git clone https://github.com/anilsenay/next-e-commerce.git
cd next-e-commerce

NPM 패키지를 설치하십시오

npm install

이 내용으로 루트 폴더 (Next-E-Commerce)에서 .env.local 파일을 만듭니다. Firebase 키를 넣으십시오.

 NEXT_PUBLIC_FIREBASE_API_KEY = your-firebase-api-key
NEXT_PUBLIC_FIREBASE_PROJECT_ID = your-firebase-project-id
NEXT_PUBLIC_FIREBASE_APP_ID = your-firebase-app-id

개발 모드에서 실행됩니다

npm run dev

문제 - 향후 계획

버튼을 필터링하고 정렬합니다
Firestore 쿼리 기능을 최적화하십시오
카트 페이지에서는 항목 감소 버튼이 작동하지 않습니다
~~웹 사이트는 %100 반응이됩니다~~
일부 HTML 태그를 시맨틱 태그로 교체하십시오

기여

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

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

Q & A

질문 : Firebase Project를 만들었지 만 익숙하지 않습니다. 그럼 어떻게해야하나요? 답변 : Firebase 프로젝트 설정에 대해 저에게 연락 할 수 있습니다. 기꺼이 도와 드리겠습니다.
질문 : FireBase 프로젝트를 만들었지 만 데이터베이스 구조가 없습니다. 그럼 어떻게해야하나요? 답변 : 내가 만든 데이터베이스 구조를 얻으려면 저에게 연락하십시오.
질문 : 데이터베이스 구조를 공유하지 않은 이유는 무엇입니까? 답변 : 누군가 가이 프로젝트에 관심이 있는지 알고 싶습니다 : D
질문 : 어떻게 기여할 수 있습니까? 답변 :이 프로젝트를 별표로해도 행복하게 만듭니다. 코드가 기여하려면 변경 후 리포를 포크하고 풀 요청을 열 수 있습니다. 모든 피드백도 저에게 중요합니다. 문제를 열거 나 메시지를 보낼 수 있습니다.
질문 : UI를 디자인 했습니까? 답 : 아니요, 실제로 디자인하지 않았습니다. Anton Mikhaltsov의 Dribbble에서 홈페이지 디자인을 발견했습니다. 홈페이지를 제외하고 다른 UI 선택은 내 것입니다. 제한된 시간 안에이 웹 사이트를 만들었지 만 UI/UX를 많이 생각하지 않았습니다. 디자인에 대해서도 피드백을받을 수도 있습니다.