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
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
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.
Who Should Attend!
- Full-stack Developers
- Next JS Developers
- React Developers