Next.js 13 Ecommerce App from Scratch 2023

Build a Full Stack Ecommerce App from scratch using Next JS 13 with Ant-D , Mongo DB

Ratings: 3.67 / 5.00




Description

Hi, Are you ready to take your web development skills to the next level? Then you are in the right place.

Welcome to the course Next JS 13 Ecommerce App

In this course, we are going to work on the following functionalities.


Admin Functionalities

Category CRUD Operations.

Products CRUD Operations and Linking category to the products.

Upload and Delete Multiple Images functionality.

Products Inventory Management.

View and Update the orders statuses.

Issuing refund for cancelled orders based on the order status.

Managing the Users.


User Functionalities

View Products in Homepage

Filter Products by Category using Next JS Server Components

Search Products with Quick search functionality using debouncing logic.

Adding and Removing Items from the cart using Redux Toolkit

View complete product details in Product Info Page.

Add Review and rating for the products

Buy Now and Add To Cart Functionality in Product Info Page

Place an order using stripe payment gateway

View orders in the customer profile

Cancel order functionality

Updating the profile information and passwords.



Next.js is a React framework that gives you building blocks to create web applications.

By framework, we mean Next.js handles the tooling and configuration needed for React, and provides additional structure, features, and optimizations for your application.

You can use React to build your UI, then incrementally adopt Next.js features to solve common application requirements such as routing, data fetching, integrations - all while improving the developer and end-user experience.

Whether you’re an individual developer or part of a larger team, you can leverage React and Next.js to build fully interactive, highly dynamic, and performant web applications.

What You Will Learn!

  • Next JS 13 Latest Features like App Router , Route Handlers , Middleware
  • Working with the combination Next JS Server Components and Client Components
  • Working with User and Admin Roles
  • Handling multiple images upload with Firebase
  • Filters and Search functionality using Server Components
  • Inventory Management to handle the product stock
  • Product Reviews and Ratings Functionality
  • Stripe Payment Gateway integration with charge and refund functionalities

Who Should Attend!

  • Full-stack Developers
  • Next JS Developers
  • React Developers