https://github.com/amirfakhrullah/ecommerce-next13beta

E-Commerce site built with Next.js App Router (and other packages like tRPC, Next-Auth, Prisma, etc)
https://github.com/amirfakhrullah/ecommerce-next13beta

next-auth nextjs nextjs13 prisma trpc typescript vercel

Last synced: 16 days ago
JSON representation

E-Commerce site built with Next.js App Router (and other packages like tRPC, Next-Auth, Prisma, etc)

• Host: GitHub
• URL: https://github.com/amirfakhrullah/ecommerce-next13beta
• Owner: amirfakhrullah
• License: mit
• Created: 2022-12-31T20:03:55.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-04-18T16:36:46.000Z (about 1 year ago)
• Last Synced: 2024-02-27T11:34:13.663Z (4 months ago)
• Topics: next-auth, nextjs, nextjs13, prisma, trpc, typescript, vercel
• Language: TypeScript
• Homepage: https://checks.amrf.me/
• Size: 791 KB
• Stars: 142
• Watchers: 2
• Forks: 19
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• my-awesome-stars - amirfakhrullah/ecommerce-next13beta - E-Commerce site built with Next.js App Router (and other packages like tRPC, Next-Auth, Prisma, etc) (TypeScript)
• my-awesome-stars - amirfakhrullah/ecommerce-next13beta - E-Commerce site built with Next.js App Router (and other packages like tRPC, Next-Auth, Prisma, etc) (TypeScript)

README

        
# Checks

An e-commerce site for Nike sneakers built with the new Next.js 13 Beta (and other packages like tRPC, Next-Auth, Prisma,...)

> **Warning**

> Not a real e-commerce site. Built for experimenting and learning purposes.

## Demo

![progress1](https://user-images.githubusercontent.com/73758525/212482738-8eb76e3b-2cf8-42f6-86ee-8b0c9b4b63eb.png)

![progress2](https://user-images.githubusercontent.com/73758525/212482779-0a1daf72-3758-4ef4-bf89-f3695034bd82.png)

![progress3](https://user-images.githubusercontent.com/73758525/212482786-373d6b13-c0e9-40fe-beec-7b89b84c097a.png)

![progress4](https://user-images.githubusercontent.com/73758525/212482792-ac440448-d848-47f1-a746-f260ea63ec1a.png)

### Admin Section

![progress6](https://user-images.githubusercontent.com/73758525/221421117-0ce7b81a-2647-4de5-93f5-0cd4ef0d8d79.png)

## About

- For testing and experimenting all the new features in Next.js 13 Beta (`/app` dir, server components and everything new)

- Inspired by [Taxonomy](https://github.com/shadcn/taxonomy) built by [@shadcn](https://twitter.com/shadcn)

- Haven't built an e-commerce site, so I'm challenging myself to build one!

- Building this in public. You can follow the progress/updates on [@amirfkrlh](https://twitter.com/amirfkrlh)

## Tech-stacks

- [Next.js 13 Beta](https://beta.nextjs.org/docs)

- [TailwindCSS](https://tailwindcss.com/)

- [Material-Tailwind](https://www.material-tailwind.com/)

- [tRPC](https://trpc.io/)

- [Next-Auth](https://next-auth.js.org/)

- [Prisma](https://www.prisma.io/)

- [PostgreSQL](https://www.postgresql.org/)

- [Typescript](https://www.typescriptlang.org/)

## Deployments/Hosting

- Next.js: [Vercel](https://vercel.com/)

- Database: [Railway](https://railway.app/)

- Image hosting: [AWS S3](https://aws.amazon.com/s3/)

## Payment

- [Stripe](https://stripe.com/)

## Cron Job

- GitHub Action

## Setting up locally

- Clone or fork this repository

- To clone:

```bash

git clone https://github.com/amirfakhrullah/ecommerce-next13beta.git

```

- Create and set up the `.env` file, refer to `.env.sample` for the required keys

- Install the dependencies and generate prisma client (postinstall):

```bash

npm i

```

- Push and synchronize the prisma schema to the database (make sure you have prisma cli installed):

```bash

npx prisma db push

```

- Seed initial data:

```bash

npx prisma db seed

```

- Run locally:

```bash

npm run dev

```

## License

License under the [MIT License](./LICENSE)