...
Technology: NextJS
Category: Ecommerce
3.4k
Keywords:

Skateshop Next.js E-Commerce | Open Source Collection

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 (server actions, drizzle ORM) which are subject to change and may break your application.

Tech Stack

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

Installation

1. Clone the repository

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

2. Install dependencies

pnpm install

3. Create a .env file

Create a .env file in the root directory and add the environment variables as shown in the .env.example file.

4. Run the application

pnpm run dev

5. Push database

pnpm run db:push

6. Listen for stripe events

pnpm run stripe:listen

How do I deploy this?

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

License

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

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.

Made with contrib.rocks

Profile Picture

Hi, I'm Habib. I'm the founder of OpenSourceCollection. I help build web applications, grow businesses, big and small. If that is what you want, contact me.

I'm currently available for freelance work.

Visit my Protfolio. Let's connect on Linkedin or GitHub

Contact Me

About OpenSourceCollection.com
Discover, explore, and find open-source web apps from various categories and technologies, while accessing live demos, screenshots, and GitHub source code links.