nilportugues/skateshop

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

Skateshop

This is an open source e-commerce skateshop build with everything new in Next.js 13. 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.

Tech Stack

• 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

Features to be implemented

• 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

Running Locally

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

How do I deploy this?

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

Contributing

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.

Contributors

Thanks goes to these wonderful people for their contributions:

Made with contrib.rocks

License

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