Full Stack Ecommerce - Nextjs

This repository hosts the source code for an eCommerce platform built with Next.js, TypeScript, MongoDB, and Tailwind CSS. The application features an Admin panel for managing products and a User panel for a seamless shopping experience.

Demo

• User Preview: https://ecommerce-nextjs-by-shan.vercel.app/
• Admin Pannel: https://ecommerce-nextjs-by-shan.vercel.app/admin/dashboard

Features

• Admin panel for viewing, creating, editing, and deleting products
• User-friendly landing page to browse products
• Add/remove items from the cart
• Cart popup displaying items and total amount
• User authentication with NextAuth
• UploadThings integration for file uploads
• Responsive design with Tailwind CSS
• Global state management using Redux Toolkit for managing cart and user authentication state

Screenshots

• Home Page

• Products Section

• Cart Popup

• Admin Products

• Admin Add Products

Run Locally

Clone the project

    https://github.com/Mshandev/ecommerce-nextjs.git

Go to the project directory

    cd ecommerce-nextjs

Install dependencies

    npm install

Setup Environment Vaiables

  CLIENT_ID = YOUR-GOOGLE-CLIENT-ID
  CLIENT_SECRET = YOUR-GOOGLE-CLIENT-SECRET
  NEXTAUTH_SECRET = YOUR-NEXT-AUTH-SECRET
  MONGO_URI = YOUR-MONGO-URL
  UPLOADTHING_TOKEN = YOUR-UPLOADTHINGS-URL

Start the server

    npm run dev

Tech Stack

• Nextjs
• Mongodb
• UploadThings
• Redux-Toolkit
• Typescript
• Tailwind
• Next-Auth

Deployment

The application is deployed on Vercel.

Contributing

Contributions are always welcome! Just raise an issue, and we will discuss it.

Feedback

If you have any feedback, please reach out to me here