Build a Shopping App With Next.js + NestJS & Prisma
Course description
In this course, you will learn how to create a modern application using Next.js with the new App Directory architecture. We will develop a fully functional Shopping App and thoroughly explore all the key principles of building modern Next.js applications. We will also connect a backend using NestJS and implement data storage with Prisma ORM.
This architectural approach allows us to combine the high performance and security of Next.js through server-side rendering with a clean and scalable backend using NestJS. Along the way, we will create a working online store application, integrated with Stripe for payment processing, and practically learn how to develop and deploy a comprehensive full-stack web application to production.
Additionally, we will cover the process of deploying to production using AWS and Vercel, set up continuous delivery (CI/CD), and deploy the application on a real domain. This will ensure automatic building and publication with each commit—without manual actions.
The entire project will be secured with JWT-based authentication so that only authorized users have access to the application. We will also implement real-time updates (WebSockets)—users will receive instant notifications when items are added or purchased. For this, we will use Stripe Webhooks.
By the end of the course, you will have created a fully functional application and gone through all the main sections of the Next.js documentation in practice. The knowledge gained will allow you to confidently develop your own modern full-stack applications from scratch to production.
Watch Online
All Course Lessons (47)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Project Structure Demo | 08:29 | |
| 2 | Material UI | 06:26 | |
| 3 | Auth Routes | 13:09 | |
| 4 | Backend Setup | 04:51 | |
| 5 | Users Module | 05:04 | |
| 6 | Validation + Config + Logging | 14:31 | |
| 7 | Prisma | 09:43 | |
| 8 | Create User | 14:06 | |
| 9 | Create User Server Action - Part 1 | 12:14 | |
| 10 | Create User Server Action - Part 2 | 08:08 | |
| 11 | Local Strategy | 17:05 | |
| 12 | Sign JWT | 19:02 | |
| 13 | JWT Strategy | 10:22 | |
| 14 | JSON Payloads | 05:21 | |
| 15 | UI Login Auth | 07:15 | |
| 16 | Server Cookies | 12:19 | |
| 17 | UI Auth Middleware | 05:22 | |
| 18 | Header | 10:25 | |
| 19 | Authentication Context | 13:13 | |
| 20 | Logout & Navigation | 14:29 | |
| 21 | Products Schema | 06:31 | |
| 22 | Create Products Backend | 08:21 | |
| 23 | Create Product Modal | 07:27 | |
| 24 | Create Product Server Action | 09:43 | |
| 25 | Get Products | 13:55 | |
| 26 | Products Cache | 04:47 | |
| 27 | Product Upload Backend | 10:01 | |
| 28 | Product Upload UI | 14:43 | |
| 29 | Serve Static | 09:09 | |
| 30 | Next.js Image | 07:36 | |
| 31 | Single Product Routing & Backend | 13:09 | |
| 32 | Single Product UI | 14:28 | |
| 33 | Stripe Checkout Session | 15:11 | |
| 34 | Stripe Checkout Redirect | 11:14 | |
| 35 | Stripe Webhooks | 15:02 | |
| 36 | Products Filter | 05:27 | |
| 37 | Products Gateway | 06:27 | |
| 38 | Products WebSockets | 09:16 | |
| 39 | WebSocket Authentication | 06:50 | |
| 40 | Elastic Beanstalk | 14:59 | |
| 41 | Production Code | 04:52 | |
| 42 | CodePipeline | 15:47 | |
| 43 | Vercel | 07:59 | |
| 44 | Custom Domain | 14:04 | |
| 45 | Stripe & Images | 08:05 | |
| 46 | S3 Image Upload | 16:13 | |
| 47 | Updates | 04:04 |
Unlock unlimited learning
Get instant access to all 46 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscription
Want to join the conversation?
Sign in to comment