E-Commerce Project with Sanity.io, Next.js, React.js, and Stripe

E-commerce app

This project is an e-commerce website built with Sanity.io, Next.js, React.js, and Stripe integration for payments.

Features

1. Products can be created, edited, and deleted in Sanity.io.

2. Products can be added to a cart and purchased with Stripe.

3. The website is responsive and can be viewed on desktop, tablet, and mobile devices.

Getting Started

-> To run this project on your local system, you will need to have the following installed:

Node.js
npm
Sanity.io account
Stripe account

-> Once you have all of the required dependencies installed, you can follow these steps to run the project:

Clone the GitHub repository.
Install the project dependencies.
Create a .env file and add your Sanity.io and Stripe credentials.
Run the development server.

To run the development server:

npm run dev

The development server will start at http://localhost:3000.

To deploy the project to production:

npm run deploy

The project will be deployed to Vercel.

This project was created using the following technologies:

Sanity.io: A headless CMS that allows you to create and manage content in a structured way.
Next.js: A React framework that makes it easy to build server-rendered and static websites.
React.js: A JavaScript library for building user interfaces.
Stripe: A payment processing platform that allows you to accept payments online.

The project uses Stripe to process payments for products that are purchased in the e-commerce store. When a user adds a product to their cart and clicks the "Checkout" button, they are taken to a Stripe checkout page where they can enter their payment information. Once the payment is processed, the product is added to the user's order history.

The project is also responsive and can be viewed on desktop, tablet, and mobile devices. This is achieved by using the Next.js framework, which automatically generates static pages for each device.