Home
Softono
skaters

skaters

Open source MIT TypeScript
215
Stars
54
Forks
3
Issues
2
Watchers
5 months
Last Commit

About skaters

# [Skaters](https://skaters-inifarhan.vercel.app/) This is an open source e-commerce project build by [Inifarhan](https://github.com/inifarhan) with everything new in Next.js 14. [![Skaters](./public/images/screenshoot.PNG)](https://skaters-inifarhan.vercel.app/) > **Warning** > This project is still in development and is not ready for production use. > > Please check the [roadmap](https://inifarhan.notion.site/972df2ba233849f692d0bcce51934d43?v=465be802f86740b99f8b4670174086df&pvs=4) of this project in notion ## Tech Stack 💻 - **Framework:** [Next.js](https://nextjs.org) - **Styling:** [Tailwind CSS](https://tailwindcss.com) - **Authentication:** [Next Auth](https://authjs.dev) - **Database:** [Mysql](https://www.mysql.com) - **ORM:** [Prisma ORM](https://www.prisma.io) - **UI Components:** [shadcn/ui](https://ui.shadcn.com) - **File Uploads:** [uploadthing](https://uploadthing.com) - **Payments infrastructure:** [Midtrans](https://midtrans.com) ## Features to be implemented Check the [roadmap](https ...

Platforms

Web Self-hosted

Languages

TypeScript

Skaters

This is an open source e-commerce project build by Inifarhan with everything new in Next.js 14.

Skaters

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

Please check the roadmap of this project in notion

Tech Stack 💻

Features to be implemented

Check the roadmap

Running Locally

  1. Clone the repository

    git clone https://github.com/inifarhan/skaters.git
  2. Install dependencies using npm

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

    cp .env.example .env
  4. Configure your .env file with your secret

    NEXT_PUBLIC_APP_URL="http://localhost:3000"
    
    GOOGLE_CLIENT_ID=
    GOOGLE_CLIENT_SECRET=
    
    NEXT_AUTH_SECRET=
    
    UPLOADTHING_SECRET=
    UPLOADTHING_APP_ID=
    
    MIDTRANS_CLIENT_KEY=
    MIDTRANS_SERVER_KEY=
    
    DATABASE_URL=
  5. Generate prisma client

    npx prisma generate
  6. Push the database schema

    npx prisma db push
  7. Seeding the categories data

    npx prisma db seed
  8. Start the development server

    npm run dev

Where do I deploy this?

  • For the Nextjs application, I deploy it on Vercel
  • And for the MySQL database I deploy it on Aiven

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.

Credits

Taxonomy, Skateshop, shadcn/ui