c-shopping
A beautiful shopping platform developed with Next.js, tailored for various devices including Desktop, Tablet, and Phone. 基于Nextjs开发同时适配Desktop、Tablet、Phone多种设备的精美购物平台
파일 탐색기
최종 버전 다운로드 (.zip)- commit-msg
- pre-commit
- Project_Default.xml
- .gitignore
- exercise-full-next.iml
- modules.xml
- vcs.xml
- settings.json
- layout.jsx
- page.jsx
- layout.jsx
- page.jsx
- page.jsx
- page.jsx
- layout.jsx
- page.jsx
- error.js
- layout.js
- page.js
- layout.js
- page.js
- layout.js
- page.js
- layout.js
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.js
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- error.js
- layout.jsx
- not-found.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- page.jsx
- layout.js
- page.js
- layout.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- route.js
- layout.js
- not-found.js
- StoreProvider.js
- BannerOne.jsx
- BannerTwo.jsx
- AddToCart.jsx
- AddToCartOperation.jsx
- Cart.jsx
- CartBadge.jsx
- CartButtons.jsx
- CartDropdown.jsx
- CartInfo.jsx
- CartItem.jsx
- DiscountCartItem.jsx
- ArrowLink.js
- BoxLink.js
- Buttons.js
- Checkbox.js
- Combobox.jsx
- DisplayError.js
- HandleResponse.js
- IconBtns.jsx
- Icons.js
- Modal.js
- PageContainer.jsx
- ResponsiveImage.js
- SelectBox.js
- ShowWrapper.js
- Skeleton.js
- TextArea.js
- TextField.js
- UploadImage.js
- WithAddressModal.jsx
- EmptyComment.js
- EmptyCommentsList.js
- EmptyCustomList.js
- EmptyOrdersList.js
- EmptySearchList.js
- EmptyUsersList.js
- Filter.jsx
- FilterOperation.jsx
- BannerForm.jsx
- CategoryForm.jsx
- LoginForm.jsx
- ProductsForm.jsx
- SliderForm.jsx
- ClientLayout.js
- DashboardLayout.js
- ProfileLayout.js
- BigLoading.js
- Loading.js
- PageLoading.jsx
- AddressModal.jsx
- ConfirmDeleteModal.js
- ConfirmUpdateModal.jsx
- RedirectToLogin.js
- ReviewModal.jsx
- SearchModal.jsx
- UserMobileModal.jsx
- UserNameModal.jsx
- OrderCard.jsx
- Orders.js
- OrdersTable.jsx
- AddColors.js
- AddSizes.js
- Breadcrumb.jsx
- Depot.jsx
- Description.jsx
- DiscountProduct.jsx
- ImageGallery.jsx
- ImageList.js
- Info.jsx
- InitialStore.jsx
- MostFavouraiteProducts.jsx
- OutOfStock.jsx
- ProductCard.jsx
- ProductPrice.jsx
- ProductsAside.jsx
- SelectColor.jsx
- SelectSize.jsx
- SpecialSell.jsx
- Specification.jsx
- SubCategories.jsx
- ReveiwCard.jsx
- ReviewProductCard.jsx
- Reviews.jsx
- ReviewsTable.jsx
- NavbarSkeleton.js
- OrderSkeleton.js
- ProductSkeleton.js
- ReveiwSkeleton.js
- SidebarSkeleton.js
- SubCategoriesSkeleton.js
- TableSkeleton.js
- BestSellsSlider.jsx
- DiscountSlider.jsx
- Slider.jsx
- SmilarProductsSlider.jsx
- address.svg
- cash-on-delivery.svg
- days-return.svg
- empty-cart.svg
- empty-search.svg
- express-delivery.svg
- favorites-list-empty.svg
- freeShipping.svg
- logo-h.svg
- logo.svg
- logoChina.svg
- order-empty.svg
- original-products.svg
- person.svg
- support.svg
- AddressBar.jsx
- Alert.js
- Categories.jsx
- DashboardAside.js
- DetailsList.js
- Footer.jsx
- FreeShipping.jsx
- Header.js
- index.js
- Logout.js
- Navbar.jsx
- Pagination.js
- ProfileAside.js
- Search.js
- SelectCategories.js
- Services.jsx
- Sidebar.jsx
- Signup.js
- Sort.jsx
- UserDropdown.js
- UsersTable.js
- api-handler.js
- error-handler.js
- identity-middleware.js
- index.js
- jwt-middleware.js
- set-json.js
- validate-middleware.js
- banner-repo.js
- category-repo.js
- details-repo.js
- index.js
- order-repo.js
- product-repo.js
- review-repo.js
- slider-repo.js
- user-repo.js
- auth.js
- db.js
- getQuery.js
- index.js
- index.js
- useChangeRoute.js
- useDebounce.js
- useDisclosure.js
- useMediaQuery.js
- useRedux.js
- useTitle.js
- useUrlQuery.js
- useUserInfo.js
- useVerify.js
- Banner.js
- base_model.js
- Category.js
- Details.js
- index.js
- Order.js
- Product.js
- Review.js
- Slider.js
- Users.js
- car.png
- chart.png
- error.svg
- exclamation.svg
- general.png
- mini-logo.png
- nothing.svg
- page-not-found.png
- question.svg
- status-delivered.svg
- status-processing.svg
- status-returned.svg
- success.svg
- developer.jpg
- favicon.ico
- placeholder.png
- api.js
- banner.service.js
- category.service.js
- common.service.js
- details.service.js
- index.js
- order.service.js
- product.service.js
- review.service.js
- slider.service.js
- user.service.js
- alert.slice.js
- cart.slice.js
- filters.slice.js
- user.slice.js
- index.js
- base.css
- components.css
- index.css
- vazir.css
- browser-styles.css
- main.css
- swiper.css
- constants.js
- exchange.js
- existItem.js
- formatNumber.js
- getTotal.js
- index.js
- localstorage.js
- truncate.js
- validation.js
- .dockerignore
- .env.example
- .eslintrc.json
- .gitignore
- .lintstagedrc.js
- .prettierrc.js
- commitlint.config.js
- docker-compose.yml
- Dockerfile
- jsconfig.json
- LICENSE
- next.config.js
- package-lock.json
- package.json
- postcss.config.js
- README.md
- README.zh_CN.md
- tailwind.config.js
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/huanghanzhilian/c-shopping
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd c-shopping
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker compose up -d --build
정의된 모든 컨테이너(서버, DB 등)를 한 번에 빌드하고 백그라운드에서 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. Node.js
쉬움사전 준비물
npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
yarn
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm run dev
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
