This is an open source e-commerce skateshop build with everything new in Next.js 14. It is bootstrapped with create-t3-app.

Warning This project is still in development and is not ready for production use.

It uses new technologies (drizzle ORM) which are subject to change and may break your application.

• Framework: Next.js
• Styling: Tailwind CSS
• User Management: Clerk
• ORM: Drizzle ORM
• UI Components: shadcn/ui
• Email: React Email
• Content Management: Contentlayer
• File Uploads: uploadthing
• Payments infrastructure: Stripe

• Authentication with Clerk
• File uploads with uploadthing
• Newsletter subscription with React Email and Resend
• Blog using MDX and Contentlayer
• ORM using Drizzle ORM
• Database on PlanetScale
• Validation with Zod
• Storefront with products, categories, and subcategories
• Seller and customer workflows
• User subscriptions with Stripe
• Checkout with Stripe Checkout
• Admin dashboard with stores, products, orders, subscriptions, and payments

1. Clone the repository

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

2. Install dependencies using pnpm

   pnpm install

3. Copy the .env.example to .env and update the variables.

   cp .env.example .env

4. Start the development server

   pnpm run dev

5. Push the database schema

   pnpm run db:push

6. Start the Stripe webhook listener

   pnpm run stripe:listen

Follow the deployment guides for Vercel, Netlify and Docker for more information.

Contributions are welcome! Please open an issue if you have any questions or suggestions. Your contributions will be acknowledged. See the contributing guide for more information.

Thanks goes to these wonderful people for their contributions:

Made with contrib.rocks

Licensed under the MIT License. Check the LICENSE file for details.