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
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
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.
Instructor Details
- 4.5 Rating
1,202 Reviews
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.
More courses by Brad Traversy
Modern JavaScript From The Beginning 2.0 (Just Updated) (2025)
4.6 (36,520 Reviews)
Provider: Udemy
Time: 40.2h
$16.99
Modern HTML & CSS From The Beginning 2.0 (2025)
4.8 (28,669 Reviews)
Provider: Udemy
Time: 24.3h
$129.99
Bootstrap 4 From Scratch With 5 Projects (2018)
4.6 (17,122 Reviews)
Provider: Udemy
Time: 11.3h
$84.99
MERN Stack Front To Back: Full Stack React, Redux & Node.js (2019)
4.4 (15,750 Reviews)
Provider: Udemy
Time: 11.9h
$99.99
50 Projects In 50 Days - HTML, CSS & JavaScript (2025)
4.6 (12,876 Reviews)
Provider: Udemy
Time: 19.4h
$119.99
More Web Development courses
Python Fullstack Mastery: Build Modern Web Apps with Django (2025)
5.0 (165 Reviews)
Provider: Udemy
Time: 35h
$19.99
NgRx Signal store for Angular - The missing guide (2026)
4.9 (436 Reviews)
Provider: Udemy
Time: 11.3h
$89.99
Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia) (2024)
4.9 (177 Reviews)
Provider: Udemy
Time: 7.6h
$79.99
Build a URL Shortener App with ASP.NET: Step by Step (2026)
4.9 (100 Reviews)
Provider: Udemy
Time: 9.6h
$10.99
The Complete Elixir and Phoenix Bootcamp (2021)
4.8 (7,773 Reviews)
Provider: Udemy
Time: 17.4h
$84.99
Reviews
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.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 90 / 100












