New 22+ Hour Course - Build an Ecommerce Platform with Next.js, TypeScript, PostgreSQL & Prisma

Traversy Media| 00:05:05|Mar 26, 2026

Chapters4

The creator announces that the Next.js e-commerce course is finished and shares the motivation behind creating it, hinting at its value and what viewers can expect.

Traversy Media unveils a massive 22-hour Next.js ecommerce course built with TypeScript, PostgreSQL, Prisma, PayPal, and Stripe integration.

Summary

Brad Traversy announces his biggest course yet: a 22-hour, single-project ecommerce app named Pro Store built with Next.js 15, React 19, and TypeScript. The curriculum emphasizes practical integration over theory, showing how to wire PostgreSQL with Prisma, Zod validation, React Hook Form, and ShadCN UI for a production-ready storefront. You’ll see core features like search, category filters, a dynamic cart, order checkout, and a full admin panel with revenue charts using Recharts. Brad also demonstrates authentication flows, PayPal sandbox, and Stripe test mode, with a fake card number for testing. The project includes a review system, dark/light mode, and a user profile page to track orders, as well as admin controls for product, order, and user management. He notes the course is designed to teach you to integrate multiple technologies into a real-world app, not only to learn Next.js. The course is offered on Traversy Media and Udemy, with a sale and a premium docs package containing extensive code samples and explanations. Looking ahead, Brad hints at future non-React topics like Vue.js, Python, and AI, while continuing updates to existing courses. If you’re seeking a hands-on, production-focused guide to building an ecommerce platform, this is the resource to start with.

Key Takeaways

Pro Store uses Next.js 15 with React 19 and TypeScript, providing an up-to-date setup for modern full-stack apps.
Prisma is paired with PostgreSQL for database access, illustrating real-world data modeling and queries in an ecommerce context.
Zod validates forms and inputs, ensuring data integrity across the checkout flow and admin operations.
Stripe test mode and PayPal sandbox are demonstrated, including how to configure and simulate payments within the app.
An admin dashboard powered by Recharts visualizes monthly revenue and sales, highlighting production-ready analytics.
The course covers authentication, cart management, order processing, and shipping/payment flows as cohesive, integrated features.
Brad collaborates with Basier from Coding with Baer to emphasize ecommerce-specific patterns using JavaScript frameworks.

Who Is This For?

Developers who want a hands-on, production-ready ecommerce project and want to see how to stitch together Next.js, TypeScript, PostgreSQL, Prisma, payment gateways, and an admin backend in one cohesive course.

Notable Quotes

""this is a 22-hour long course and it's one single project so it's definitely my biggest project by far""

—Brad emphasizes the scale and focus of the course as a single, production-ready project.

""we're using next 15 with react 19 so it's definitely the most upto-date course you'll find on nextjs""

—Highlighting currency around the tech stack and recency of the course."

""we have you know basic search and and filter so I can search by categories and price range sort by lowest highest""

—Shows core ecommerce features demonstrated in the project."

""you'll have access to your profile and then your orders that will list all your orders""

—Describes user account and order history flow.

Questions This Video Answers

How do you build a production-ready ecommerce app with Next.js and Prisma?
What authentication and payment gateway patterns are demonstrated in Brad Traversy’s Pro Store course?
Which tech stack is used in the Traversy Media ecommerce course (Next.js, TS, PostgreSQL, Prisma) and why?
How can I test payments with Stripe and PayPal in a Next.js project?
What are the admin dashboard features included in the Pro Store project and how are revenues visualized?

Next.js 15React 19TypeScriptPostgreSQLPrismaZodReact Hook FormShadCN UIPayPalStripe Checkout/Testing","Admin Dashboard","Recharts","Ecommerce Architecture","Authentication & Authorization

Full Transcript

hey guys so I know you haven't seen much of me lately and a big part of that is because I've been really just trying to get this nextjs e-commerce course done and it's finally done so I wanted to make a video just announcing that and I released it on both traversy media.com and on udy and I'll have a link in the description with a code for just $15 so this is a a 22-hour long course and it's one single project so it's definitely my biggest project by far and I'm going to give you a quick demo in a minute but we're using next 15 with react 19 so it's definitely the most upto-date course you'll find on nextjs and we use typescript a lot of people have been asking me to use typescript in my courses so we're using that we're using Zod for validation we're using postgres with Prisma um libraries like react hook form we're using Shad C Shad CN UI for the the UI components so lots of different Technologies and the idea is to create create a production based project CU I am actually going to use this for selling my wife's art products and showing you how to kind of mesh all these Technologies together to create something that gives you the the fundamentals that you'd want in an e-commerce website and I had a friend of mine work with me on this basier from coding withth baer. and he specializes in e-commerce sites using JavaScript Frameworks so we created this platform and decided to create a course with it so this is the the shop it's called Pro store and we have you know basic search and and filter so I can search by categories and price range sort by lowest highest Etc all right we have a full uh review system so obviously you have to be signed in for that I'll add this to my cart so can change the quantity so very Dynamic and then if we go to the C we can proceed to check out which of course we have to log in and we have a call back URL up here so it knows where to bring us back to and we just keep on going through the process here shipping address payment method so we'll be integrating both PayPal and the stripe API so we'll learn how to how to use you know PayPal sandbox mode and stripe test mode click continue shows us you know our products and our information our price we place the order and then we go and we check out and purchase it and of course you know with stripe you have a kind of a dummy credit card number you can use to purchase so once you do that you'll have access to your uh you can go to your profile and then your orders that will list all your orders um we have dark mode as well dark mode light mode system and there's a full admin area so here you can see all your recent sales your Revenue a monthly sales chart using using a package called recharts we can manage our products our orders users um you know if I wanted to make a user and admin I could do that obviously only admins will see this area but yeah so there's there's quite a bit of features we have like I said a full review rating and review system so we can leave a review and again the idea is to show you how to use all these Technologies together it's not so much just the nextjs course I have my nextjs from scratch course that is more to learn that specific framework this is like this is about the project not about the technology um so I want you guys to to know how to do this stuff whether it's the authentication or whether it's the the PayPal integration whatever it is that you want to use in your own projects I want you to be able to learn from this and I'm going to include my premium docs in both versions whether it's udemy or traversy media.com which is like a full written version of the course with all the code samples explanations and everything and for a 22-hour long course you can imagine how long that took me to to type out so yeah that's it guys hopefully you know you check it out if you're interested as far as future courses I think this will be the last react based course that I'm going to do except for updates I will be updating my react front to back course very soon um but yeah I want to move on to like to vue.js I want to do some some other languages some python some PHP maybe get into some AI stuff so I have a lot of plans for 2025 and if you're interested at traversy media.com I'm also running a sale for just $99 for a whole year of all my courses all the courses that exist now and any course that I create within the next year you'll get by using the code VIP all right so if that's something you're interested in but that's it guys thanks for watching I we be back very soon with more crash courses and content so stay tuned