skateshop

(★ 5,453)

An open source e-commerce skateshop build with everything new in Next.js.

File Explorer

Download Latest Version (.zip)

- - bug_report.yml
  - config.yml
  - feature_request.yml
- - code-check.yml
- settings.json
- - _journal.json
- - auth-layout.webp
  - product-placeholder.webp
  - screenshot.png
- site.webmanifest
- - icon.png
  - layout.tsx
  - opengraph-image.png
  - robots.ts
  - sitemap.ts
- - alert-card.tsx
  - analytics.tsx
  - blur-image.tsx
  - board-builder.tsx
  - client-button.tsx
  - connect-store-to-stripe-button.tsx
  - content-section.tsx
  - copy-button.tsx
  - date-range-picker.tsx
  - debounce-input.tsx
  - dialog-shell.tsx
  - empty-card.tsx
  - error-card.tsx
  - faceted-filter.tsx
  - file-uploader.tsx
  - files.tsx
  - grid-pattern.tsx
  - icons.tsx
  - join-newsletter-form.tsx
  - kbd.tsx
  - loading-button.tsx
  - manage-plan-form.tsx
  - metrics-card.tsx
  - motion.tsx
  - multi-select.tsx
  - page-header.tsx
  - pagination-button.tsx
  - password-input.tsx
  - placeholder-image.tsx
  - product-card-skeleton.tsx
  - product-card.tsx
  - product-image-carousel.tsx
  - products-combobox.tsx
  - products.tsx
  - providers.tsx
  - radial-gradient.tsx
  - rate-limit-alert.tsx
  - rating.tsx
  - seed-products-button.tsx
  - shell.tsx
  - store-card-skeleton.tsx
  - store-card.tsx
  - store-tabs.tsx
  - stores.tsx
  - tailwind-indicator.tsx
  - textarea-autosize.tsx
  - usage-card.tsx
- - dashboard.ts
  - pricing.ts
  - product.ts
  - query.ts
  - site.ts
- - index.ts
  - migrate.ts
  - seed.ts
  - utils.ts
- - use-at-bottom.ts
  - use-callback-ref.ts
  - use-click-outside.ts
  - use-controllable-state.ts
  - use-data-table.ts
  - use-debounce.ts
  - use-enter-submit.ts
  - use-media-query.ts
  - use-mounted.ts
  - use-optimistic.ts
  - use-upload-file.ts
- - checkout.ts
  - constants.ts
  - export.ts
  - fonts.ts
  - generate-pattern.ts
  - get-stripe.ts
  - handle-error.ts
  - id.ts
  - motion.ts
  - openai.ts
  - rate-limit.ts
  - resend.ts
  - stripe.ts
  - subscription.ts
  - uploadthing.ts
  - utils.ts
- - globals.css
  - mdx.css
- - index.ts
- env.js
- middleware.ts
.editorconfig
.env.example
.eslintrc.cjs
.gitignore
.prettierignore
CODE_OF_CONDUCT.md
components.json
contentlayer.config.ts
CONTRIBUTING.md
drizzle.config.ts
LICENSE.md
next.config.js
package.json
pnpm-lock.yaml
postcss.config.cjs
prettier.config.js
README.md
reset.d.ts
SECURITY.md
tailwind.config.ts
tsconfig.json
unlighthouse.config.ts

# Installation Guide

1. Get the code

git clone https://github.com/sadmann7/skateshop

Downloads the entire project code from GitHub to your computer.

cd skateshop

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

pnpm install

Downloads and installs the libraries listed in package.json.

pnpm run dev

Starts the development/run server.

pnpm run db:push

Type this command into your terminal and run it.

pnpm run stripe:listen

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

skateshop

File Explorer

# Installation Guide

2. Node.js

Today's picks

Was this content helpful?

Recent Feedback

skateshop

File Explorer

# Installation Guide

2. Node.js

Today's picks

Was this content helpful?

Recent Feedback

Download README