A-4-Atom/totalitycorp-frontend-challenge

E-Commerce Website with Next.js, Sanity CMS, and Stripe API

Welcome to the documentation for the E-Commerce Website project built using Next.js, Sanity CMS, and Stripe API. This project showcases an online store with features like dynamic content management, product display, and secure payments.

Project Demo

Table of Contents

• Introduction
• Features
• Technologies
• Getting Started
• Configuration
• Usage
• Deployment
• Contributing
• License

Introduction

This project is an e-commerce website developed using Next.js, which leverages the benefits of Incremental Static Regeneration (ISR) for a seamless user experience. It integrates Sanity CMS for efficient product and content management, and Stripe API for secure payment processing.

Features

• Interactive and responsive user interface.
• Dynamic product pages generated using Incremental Static Regeneration.
• Product and content management using Sanity CMS.
• Secure and streamlined payment processing with Stripe API.

Technologies

• Next.js: A React framework for building server-rendered and statically generated applications.
• Sanity CMS: A headless content management system for structured content.
• Stripe API: A payment processing API for online businesses.

Getting Started

To get a local copy of this project up and running, follow these steps:

1. Clone the repository: git clone https://github.com/your-username/your-project.git
2. Navigate to the project directory: cd your-project
3. Install dependencies: npm install
4. Configure environment variables (see Configuration)
5. Run the development server: npm run dev

Configuration

Before running the project, make sure to set up the required environment variables.

Usage

• Visit the application in your browser at http://localhost:3000.
• Browse through the products, add them to your cart, and proceed to checkout.
• Use the provided Stripe test card numbers for simulating payments.

Deployment

To deploy this project to a live server, you can follow these general steps:

1. Set up production environment variables on your hosting platform.
2. Build the project: npm run build
3. Start the application: npm run dev

Remember to configure your hosting platform to handle environment variables securely.

Contributing

Contributions are welcome! If you find any issues or want to enhance the project, feel free to create pull requests or report problems in the issue tracker.