CF

Build a Shopping App With Next.js + NestJS & Prisma

8h 6m 54s
English
Paid

Build a robust Shopping App using the latest technologies in this comprehensive course. You'll gain hands-on experience with Next.js and its App Directory architecture, develop a fully functional Shopping App, and delve into key principles of modern application development. Connect seamlessly to a backend using NestJS and utilize Prisma ORM for efficient data storage.

Course Highlights

Discover how to blend the high performance and security of Next.js with server-side rendering, and create a clean, scalable backend using NestJS. This course will guide you through building an online store integrated with Stripe for seamless payment processing. You will also learn to deploy a comprehensive full-stack web application to production environments effectively.

Deployment and Continuous Integration

Leverage the power of AWS and Vercel for streamlined deployment to production. Set up continuous delivery (CI/CD) to automate builds and publications with each commit, ensuring a efficient and error-free workflow.

Secure and Real-Time Functionality

Implement JWT-based authentication to secure your application, allowing only authorized access. Utilize real-time updates (WebSockets) to provide instant notifications on item additions or purchases. Employ Stripe Webhooks to handle these real-time events efficiently.

Learning Outcomes

By the end of this course, you'll have built a fully functional application and acquired in-depth knowledge by going through the main sections of the Next.js documentation in practice. Empower yourself to confidently develop your own modern full-stack applications, from initial setup to production deployment.

About the Authors

Michael Guay

Michael Guay thumbnail

Michael Guay is a US software engineer and prolific independent instructor publishing course material on the .NET / C# stack and the modern web frameworks adjacent to it.

The course catalog covers C# and .NET fundamentals, ASP.NET Core for back-end development, Entity Framework for data access, Blazor for full-stack C# web applications, plus the surrounding tooling and deployment patterns. The teaching style is patient and project-oriented, with each course typically building a working application end-to-end.

The CourseFlix listing under this source carries over 20 Michael Guay courses spanning that range. Material is paid and aimed at developers picking up the .NET stack or extending their existing .NET experience into newer parts of the platform.

Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 47 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 47 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Project Structure
All Course Lessons (47)
#Lesson TitleDurationAccess
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

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this course?
This course assumes that students have a basic understanding of JavaScript and web development. Familiarity with React would be beneficial since the course utilizes Next.js, which is built on top of React. No prior knowledge of NestJS or Prisma is required, as the course covers these technologies in detail.
What kind of application will I build by the end of this course?
By the end of the course, you will have built a fully functional Shopping App. This application includes user authentication, product management, and a checkout process using Stripe for payment processing. You'll also implement real-time features using WebSockets and deploy the app to AWS and Vercel.
Who is the target audience for this course?
The course is designed for web developers who want to enhance their skills by learning Next.js, NestJS, and Prisma. It is suitable for those looking to build full-stack applications and understand deployment processes using AWS and Vercel. Both beginners and those with some experience in backend development will find the content beneficial.
How does this course compare in depth and scope to other similar courses?
This course offers a practical approach to building a full-stack application, focusing specifically on integrating front-end and back-end technologies like Next.js and NestJS. It provides hands-on experience with modern deployment tools such as AWS and Vercel, and covers advanced topics like JWT authentication, WebSockets, and Stripe integration, which may not be covered in other courses.
Which specific tools and platforms are used in this course?
The course utilizes Next.js for building the front-end, NestJS for the backend, and Prisma as the ORM for database management. For deployment, it covers AWS and Vercel, and for payment processing, Stripe and its Webhooks are used. Real-time updates are handled via WebSockets, and image uploads are managed with Amazon S3.
What topics are not covered in this course?
The course does not cover frontend frameworks other than those related to Next.js or backend frameworks outside of NestJS. It also does not delve into database management beyond Prisma or explore mobile application development. Advanced topics like machine learning or data analytics are outside the scope of this course.
What is the time commitment required for this course?
The course consists of 47 lessons. Although the exact runtime is not specified, students should anticipate dedicating several weeks to thoroughly work through the content, especially if they are new to some of the technologies being taught, such as NestJS or Prisma. Consistent engagement with the materials and practical exercises will enhance learning outcomes.