Deployed on Vercel

https://ecommerce-store-one-kappa.vercel.app/

Storefront for E-commerce Platform

ecommerce-store.mov

Sample Images

This repository hosts the storefront for our e-commerce platform, designed to integrate seamlessly with the admin dashboard available at ecommerce-admin. Our storefront is user-friendly, customizable, and integrated with Stripe for secure checkouts.

Key Features

Seamless Integration with Admin Dashboard

• Admin-Driven Content: Manage and update storefront products and billboards directly from the admin dashboard.
• Real-Time Updates: Changes in the admin dashboard reflect immediately on the storefront.

Stripe Integration for Checkout

• Secure Payments: Ensures a secure and reliable checkout process.
• Smooth Transaction Experience: Supports various payment methods for a hassle-free checkout experience.

Easy Product Management

• Effortless Updates: Adding or updating products is simple and intuitive.
• Detailed Product Displays: Showcase products with detailed descriptions, high-resolution images, and customer reviews.

Dynamic Billboard Management

• Engaging Billboards: Easily update and manage billboards through the admin dashboard.
• Promotional Flexibility: Quickly adjust content for promotions, new arrivals, or special events.

Getting Started

Clone this repository and follow the setup instructions. Ensure access to the admin dashboard for managing storefront content.

For instructions on integrating Stripe and configuring your storefront, refer to our setup guide.

Contribution and Support

Contributions are welcome! If you have suggestions or encounter issues, please open an issue or submit a pull request.

For more information and support, visit ecommerce-admin.

Getting Started with Development

Setting Up Environment Variables

1. Create Environment File:
   • Copy the .env.example file.
   • Create a new file named .env.
   • Replace the variables in the .env file with your own local setup values.

Running the Development Server

1. Start the Server:
   • Run the command in your terminal:

     npm run dev
     

2. Access the Application:
   • Open your browser.
   • Navigate to http://localhost:3000.
   • You should now see the application running.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!