https://next-mongo-ecommerce-final.vercel.app/

• creating e-commerce website pages by next.js server components
• designing header, footer, sidebar, menu and search box by shadcn and tailwind
• quick view products in modals using nextjs parallel routes with intercepting routes
• create database models by Mongoose and MongoDB database
• handling form inputs by react-hook-forms and zod data validator
• updating data by server actions without using any api
• managing shopping cart using http cookies on server side
• handling authentication and authorization by next-auth
• creating customer dashboard to update profile and track orders
• and implement a fully-functional admin dashboard with beautiful charts and handling products, orders and users

1. Clone repo

    $ git clone [email protected]:basir/nextjs-amazona.git
    $ cd nextjs-amazona

2. Create Env File

   • duplicate .example-env and rename it to .env.local

3. Setup MongoDB

   • Cloud MongoDB
     • Create database at https://mongodb.com/
     • In .env.local file update MONGODB_URI to db url
   • OR Local MongoDB
     • Install it from https://www.MongoDB.org/download
     • In .env.local file update MONGODB_URI to db url

4. Seed Data

     npm run seed

5. Install and Run

     npm install --legacy-peer-deps
     npm run dev

6. Admin Login

   • Open http://localhost:3000
   • Click Sign In button
   • Enter admin email "[email protected]" and password "123456" and click Sign In

• 00-introduction
• 01-install-ai-tools-and-vscode-extensions
• 02-create-next-app
• 03-create-website-layout
• 04-create-home-page-carousel
• 05-connect-to-mongodb-and-seed-products
• 06-create-home-cards
• 07-create-todays-deals-slider
• 08-create-best-selling-slider
• 09-create-product-details-page
• 10-create-browsing-history
• 11-implement-add-to-cart
• 12-create-cart-page
• 13-create-cart-sidebar
• 14-signin-user
• 15-register-user
• 16-signin-with-google
• 17-create-checkout-page
• 18-place-order
• 19-pay-order-by-paypal
• 20-pay-order-by-stripe
• 21-rate-review-products
• 22-create-order-history-page
• 23-update-user-name
• 24-create-category-sidebar
• 25-create-search-page
• 26-add-theme-color
• 27-create-admin-dashboard
• 28-admin-products
• 29-create-update-products
• 30-admin-orders
• 31-mark-orders-as-paid-delivered
• 32-admin-users
• 33-edit-user
• 34-admin-web-pages
• 35-create-update-web-pages
• 36-create-settings-page
• 37-make-website-multilingual

Email: [email protected]