E-commerce Storefront

An advanced e-commerce storefront built with modern technologies for a seamless user experience, complete with product management, secure payments, and order tracking.

🚀 Technologies Used

• Next.js 14: Framework for server-rendered React applications and API routes.
• React 18: Library for building the user interface.
• TypeScript: Strongly-typed JavaScript for enhanced code quality and error prevention.
• Prisma: Database ORM for schema management and database operations.
• Clerk: User authentication and authorization.
• Stripe: Embedded checkout and payment processing.
• Vercel: Hosting and deployment for optimized speed and scalability.

📑 Key Features

• Product Management: Add, update, and delete products with rich details and images.
• Cart & Checkout: Interactive cart management with Stripe's secure checkout.
• Order Tracking: Real-time order confirmation and history page for users.
• Admin Dashboard: Control over product listings, sales, and user orders.
• Responsive Design: Optimized for all devices.

🔧 Installation & Setup

1. Clone the repository:

git clone https://github.com/mrfrunze/nextjs-store.git
cd nextjs-store

2. **Install dependencies:

npm install

3. **Environment variables: Configure the .env file with the following keys:

NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_public_key
STRIPE_SECRET_KEY=your_stripe_secret_key
DATABASE_URL=your_database_url

6. **Start the development server:

npm run dev

📂 Project Structure

• **/app: Main application directory with API routes and pages.

• **/components: UI components and forms.

• **/utils: Utility functions for formatting, database, and API helpers.

• **/prisma: Prisma schema and migrations.

• **/public: Static assets and images.

⭐️ Support

If you found this project helpful or interesting, please give it a ⭐️! Your support helps to grow the project and boosts visibility. Thank you!