Next.js 13 Ecommerce App from Scratch 2023

Next.js 13 Ecommerce App from Scratch 2023, available at $19.99, has an average rating of 4.6, with 72 lectures, based on 22 reviews, and has 1488 subscribers.

You will learn about 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 This course is ideal for individuals who are Full-stack Developers or Next JS Developers or React Developers It is particularly useful for Full-stack Developers or Next JS Developers or React Developers.

Enroll now: Next.js 13 Ecommerce App from Scratch 2023

Summary

Title: Next.js 13 Ecommerce App from Scratch 2023

Price: $19.99

Average Rating: 4.6

Number of Lectures: 72

Number of Published Lectures: 72

Number of Curriculum Items: 72

Number of Published Curriculum Objects: 72

Original Price: $19.99

Quality Status: approved

Status: Live

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

Target Audiences

Full-stack Developers
Next JS Developers
React Developers

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Creating Next App

Lecture 2: Installing Node Modules

Lecture 3: Antd Demo

Lecture 4: Overriding AntD Styling

Chapter 2: Authentication Screens

Lecture 1: Register Page – 1

Lecture 2: Register Page – 2

Lecture 3: Login Page

Chapter 3: Next API's and Database Connection

Lecture 1: Basic API

Lecture 2: Mongo DB Connection

Chapter 4: User Authentication API

Lecture 1: User Model

Lecture 2: User Register API

Lecture 3: Register API integration with UI

Lecture 4: Login API

Lecture 5: Login API integration with UI

Chapter 5: Authorization

Lecture 1: Protecting Pages

Lecture 2: Protecting API's

Chapter 6: Layout

Lecture 1: Layout Part – 1

Lecture 2: Layout – Part 2

Lecture 3: Show Logged In User in Header

Lecture 4: Showing Loaders

Chapter 7: Profile

Lecture 1: Implementing redux toolkit

Lecture 2: Profile Page UI

Chapter 8: Categories

Lecture 1: Category Form

Lecture 2: Category Model and API

Lecture 3: Show Categories

Lecture 4: Categories Actions

Lecture 5: Edit Category

Lecture 6: Delete Category

Chapter 9: Products

Lecture 1: Product Form

Lecture 2: Image Upload UI

Lecture 3: Add Product

Lecture 4: Product Model Bug Fix

Lecture 5: Image Upload API

Chapter 10: Products Data and Actions

Lecture 1: Show Products

Lecture 2: Edit Product Part – 1

Lecture 3: Edit Product – Part 2

Lecture 4: Delete Product

Lecture 5: Product Featutes

Chapter 11: Homepage and Product Description Pages

Lecture 1: Homepage – Part 1

Lecture 2: Homepage Part -2

Lecture 3: Product Description Page

Chapter 12: Cart Functionality

Lecture 1: Add to cart

Lecture 2: Display cart items

Lecture 3: Delete From cart

Lecture 4: Persist cart data in local storage

Chapter 13: Place Order

Lecture 1: Order Model

Lecture 2: Place Order API

Lecture 3: Stripe – Get Payment Intent

Lecture 4: Stripe – Build Stripe Payment UI

Lecture 5: Stripe – Charge Card

Lecture 6: Payment Bug Fix

Chapter 14: Orders List

Lecture 1: Users Orders

Lecture 2: Order Information page

Lecture 3: Admin Orders

Lecture 4: Order status update

Chapter 15: Cancel and Refund Order

Lecture 1: Cancel Order

Lecture 2: Refund Order

Chapter 16: Inventery Management

Lecture 1: Inventory Part – 1

Lecture 2: Inventory Part – 2

Chapter 17: Reviews

Lecture 1: Review Model and API

Lecture 2: Add Review

Lecture 3: Calculate Average Review of Product

Chapter 18: Filters

Lecture 1: Filters API

Lecture 2: Category Filters

Lecture 3: Products Search Functionality

Chapter 19: User Management

Lecture 1: User Update API

Lecture 2: User Update UI

Lecture 3: Users List in Admin Panel

Chapter 20: Responsiveness

Lecture 1: Making Pages Responsive – 1

Lecture 2: Making Pages Responsive Part – 2

Chapter 21: Deployment & Source Code

Lecture 1: Deploy to Vercel & Source Code

Lecture 2: Bug Fixes in Deployment Config

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 1 votes
2 stars: 1 votes
3 stars: 1 votes
4 stars: 6 votes
5 stars: 13 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu