Skip to content
UdemyWeb DevelopmentPaid courseAll LevelsCertificate

Next.js Ecommerce 2025 - Shopping Platform From Scratch (Udemy.com)

Use Next 15, React 19, TypeScript, PostgreSQL and Prisma to build a real-world ecommerce website

Created by: Brad Traversy

Last updated February 2025

icon
What you will learn

  • Build a professional ecommerce website from absolute scratch
  • PayPal, Stripe and Cash On Delivery payment options
  • Learn Next 15, React 19, PostgreSQL, Prisma, TypeScript & Zod
  • Full Authentication, admin area, review system, featured projects, sorting, search filters, user profiles, image uploading & more
  • Continuous deployment with Vercel & Git
  • Shopping cart, sessions, JWT & cookies
  • Learn how to write TypeSafe code with TypeScript, Zod for validation & React Hook Form for easy form management
  • Full admin dashboard with stats and montly sales chart as well as product, order and user management

icon
Course Description

If you want to take your React skills to the next level and learn to use Next.js in an actual real-world project, this is the course for you. We are using Next.js, TypeScript and many other technologies to create "Prostore". A full-featured shopping platform with reviews, PayPal and Stripe integration, email receipts and more.

This course is for people that already know React. Knowing the basics of Next.js is even better. You will learn how to use many different technologies together to create a full project that you can then display on your portfolio.


Here is a list of some of the technologies and libraries that we'll be using:


  • Next.js v15

  • React v19

  • TypeScript

  • ES Lint

  • PostgreSQL

  • Prisma

  • Zod

  • Next Auth

  • React Hook Form

  • PayPal & Stripe API

  • ShadCN UI

  • Tailwind CSS

  • Recharts

  • Uploadthing

  • Jest

Even though this is a project-based course, it is not simply "watch me code". I will explain in detail what I am doing so that you can understand rather than just copy. You can then use that knowlege to create your own awesome projects.


Here is a complete outline of the course sections:


1. Introduction - I explain what the course is about and we go over the project and the stack.

2. App Creation & Basic Layour - We create our app, the layout, setup ShadCN UI and learn how to use UI components, create a theme toggler, loading & not found pages, display some sample data.

3. Database, Prisma & Product Display - We setup our Neon PostgreSQL database and the Prisma ORM. We learn to create models and migrations and how to seed data and fetch products from the database.

4. Authentication With Next Auth - We create full authentication with the Next Auth library

5. Add To Cart - Create a cart system with database and session integration.

6.. Cart & Shipping Page - We start out checkout process with the cart page summary and the shipping address form.

7. Payment Method & Order Pages - We create the other pages in our checkout process.

8. PayPal Payments - Integrate the PayPal API. We even do a little unit testing with JEST.

9. Order History & User Profile - Create the user area with a list of orders and the profile update page.

10. Admin Dashboard - We start on the admin area and the overview page

11. Admin Products & Image Uploading - We manage products from admin and implement image uploading with Uploadthing.

12. Admin Users & Search - Manage users from admin and implement a search for products, orders and users in admin.

13. Drawer, Carousel and Search - We create a category drawer, featured product carousel and then work on the main product search filters.

14. Ratings & Reviews - We create the rating and review system.

15. Stripe Payments - Use the Srtipe API and some packages to ad stripe payments.

16. Email Purchase Receipts - We use the Resend service for sending emails through the app.

17 - Homepage Components & Wrap Up - We add few more homepage components and then wrap up the course.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Brad Traversy

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

icon
More courses by Brad Traversy

$16.99

$129.99

$84.99

$99.99

$119.99

$11.99

icon
More Web Development courses

$19.99

$89.99

$89.99

$79.99

$10.99

$84.99

icon
Reviews

4.5

1,202 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Amol morde on 8/31/2026

Brad has always been awesome when it comes to his teaching style. He speaks to the point & no-nonsense. I request Brad to come up with RAG Data Integration in this project. Look forward for another such course from Brad.

By MOHAMED EL HEDI ELABED on 2/27/2026

loved the way writing the ui of the page and also the clear instructions of the creation of these pages and implementation but i felt it is a bit fast had to stop and follow up and return but most importantly clear

By Maureen Mccallum on 1/19/2026

Way too many errors in the beginning of this course. The problems: Tailwind (and yes, there are "fixes" provided, but they don't work) and Shadcn (no fixes that I saw). I have never had a course that started this buggy this early. My assumption is that the instructor did not record specific installations that make this project functional.

By Maxim Kutepov on 12/31/2025

Fantastic Course! This is the second NextJS course that I took with Brad (the first being NextJS from Scratch), and I am learning so, so much. As someone coming out of college and looking for a job, I know that including NextJS on my resume (and possibly the other technologies discussed in the courses) and these projects (which I will customize and modify) will set me apart. There were some difficulties along the way, as expected from any course, but they were fairly easy to fix. Overall very satisfied!

By Jonathan Samuels on 12/29/2025

Very Good dense course with industry level implementation of next.js but he codes a little too fast. He's you know already expecting you know props hooks etc and then his machine is just ultra optimize to code barely types anything out fully it just auto suggests I have to use gemini to catch my typos... so fast The real learning is when I apply this to my own projects or clients. Which lectures were a bit slower. And I wish he could have introduced how the heck did he just memorize all the classes for shadcn like who does that? Where did you learn that I dont wanna just see a teacher just blurting out classes from his head like where did you learn them classes from how do I memorize them instead of following you so closely? Other than that great course top notch quality but super condensed...

By Vladyslav Sak on 12/24/2025

A very cool practical project for learning Next.js and additional tools. I would like more explanation about different corner cases, why this is so, and in which cases. This was lacking. The teacher has a good delivery and voice, which makes the material easier to remember.

By Danish Farooqui on 12/24/2025

This course is good i've not completed it yet but till now it is good.

By Caroline Hussey on 11/10/2025

If you want a hands on real world full stack development boot camp this is one of the best courses out there. Brad runs through a step by step build of a production ready website with lots of great tech. This is quite a complex project and the finished site will be an asset to anyone building a portfolio for their tech career. The course is about as up to date as can be expected in 2025 but do watch out for major version updates from NextJS and Prisma. There are plenty of posts already in Q & A covering these topics and great support from the team. Thanks heaps to Brad & Will for everything! :)

By Paul Kochuiev on 10/23/2025

Fantastic course for getting up to speed with Next.js 15. It covers a wide range of real-world cases with clear, practical explanations. I especially appreciated the hands-on sections with UploadThing, Resend, and payments via PayPal and Stripe - super useful and production-ready. Highly recommended!

By Anonymized User on 10/18/2025

So far so good. In general I love Brads Courses. Eventhough there are might be some bugs down the road, but it's how real job of dev looks like. Its never "polished". Speaking about content - this course packed with lots of stuff. Idealy for people who wants to know how to build modern ecommerce platform from A to Z. I would recommend.

Showing all 10 reviews on CourseDuck

Read all 1,202 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 90 / 100