This is an educational project showcasing a fully functional ecommerce store built with Next.js and Sanity. The project includes integration with the Stripe payment gateway and features a collection of Boat products for demonstration purposes.
- View detailed product information including images, descriptions, and pricing
- Add products to the shopping cart
- Adjust quantities and remove products from the cart
- Product recommendation using marquee
- Proceed to checkout and complete the payment using Stripe
- Receive order confirmation and summary via email
- Admin dashboard to manage products and orders
- Next.js: A React framework for server-side rendering and building scalable applications.
- Sanity: A headless CMS for managing product data and content.
- Stripe: A popular payment gateway for secure and seamless online transactions.
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/denvo-ecommerce-store.git -
Install dependencies:
cd denvo-ecommerce-store
npm install -
Set up environment variables:
Create a .env.local file in the root directory and add the following environment variables:
NEXT_PUBLIC_STRIPE_PUBLIC_KEY=<your_stripe_public_key>
SANITY_PROJECT_ID=<your_sanity_project_id>
SANITY_DATASET=<your_sanity_dataset>
Replace your_stripe_public_key, your_sanity_project_id, and your_sanity_dataset with your own values.
-
Import sample data:
In your Sanity dashboard, import the provided sample data located in the sanity/sample-data directory. -
Start the development server:
npm run dev -
Open your browser and visit http://localhost:3000 to see the application.
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Commit your changes and push the branch to your fork.
- Submit a pull request describing your changes.
This project is licensed under the MIT License.
Please note that this project is for educational purposes only and should not be used for production or commercial purposes. The boat product images used in this project are for demonstration purposes and are not to be used for any commercial use without proper licensing.