Next.js 13 Ecommerce App from Scratch 2023

Focused View

K.Sathyaprakash Reddy

2:18:25

27 View

1. Introduction

1. Creating Next App.mp4

07:53

2. Installing Node Modules.mp4

04:21

3. Antd Demo.mp4

06:34

4. Overriding AntD Styling.mp4

07:16

2. Authentication Screens

1. Register Page - 1.mp4

09:50

2. Register Page - 2.mp4

14:05

3. Login Page.mp4

10:46

3. Next API's and Database Connection

1. Basic API.mp4

08:42

2. Mongo DB Connection.mp4

07:46

4. User Authentication API

1. User Model.mp4

06:09

2. User Register API.mp4

08:20

3. Register API integration with UI.mp4

07:22

4. Login API.mp4

06:29

5. Login API integration with UI.mp4

05:50

5. Authorization

1. Protecting Pages.mp4

15:06

2. Protecting APIs.mp4

11:56

Description

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

What You'll 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 is this for?

Full-stack Developers

Next JS Developers

React Developers

What You Need to Know?

React and Next JS Basics

Javascript

More details

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 this course is for:
Full-stack Developers
Next JS Developers
React Developers

User Reviews

Rating

average 0

Total votes0

Focused display

Next JS

K.Sathyaprakash Reddy

Instructor's Courses

Hi,I am Satyaprakash Reddy, I am a freelance developer in India.I've 5 years of experience in developing applications in Android and Web Development.I've been teaching coding lectures from the past three years in an Institute. So now I wanted to share my knowledge across the globe through Udemy.I spend most of my time researching how to make learning to code fun and make hard concepts easy to understand. I apply everything I discover into my Bootcamp courses. In my courses, you'll find lots of geeky humor but also lots of explanations and animations to make sure everything is easy to understand.Thank U.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.