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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Next.js - The Full Course
Complete Next.js Developer in 2023: Zero to Mastery
Magic UI Pro