Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shehza-d/e-commerce

E Commerce Hackathon project with Next, Sanity, Stripe, Tailwind and Typescript
https://github.com/shehza-d/e-commerce

nextjs nextjs13 sanity stripe tailwind typescript

Last synced: 1 day ago
JSON representation

E Commerce Hackathon project with Next, Sanity, Stripe, Tailwind and Typescript

Awesome Lists containing this project

README

        

# [E-Commerce Store](https://e-commerce-by-shehzad.vercel.app/)

## Panaverse Hackathon project 1 by Sir Zia

### Time Spent on this Project :

wakatime

### Tech Stack Used :

- [x] **_Next JS (13.4+ with App dir)_**
- [x] **_TypeScript_**
- [x] **_Stripe Payments_**
- [x] **_Sanity CMS_**
- [x] **_Context API_**
- [x] **_Vercel Postgres SQL_**
- [x] **_Drizzle ORM_**
- [x] **_Tailwind CSS_**

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

### Getting Started

First, install the dependencies and run the development server:

```bash
npm i && npm run dev
# or
yarn install & yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. Add products from `/products` page and Proceed to pay on `/cart` page.

After **Proceed to Payment** on Stripe page when testing interactively,

- Use a card number, such as

```
5555 5555 5555 4444
```

- Use a valid future date, such as `12/34`.
- Use any three-digit CVC `567`
- Use any value you like for other form fields.