Skip to main content

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

8h 6m 54s
English
Paid

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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

React and NestJS: A Practical Guide with Docker

React and NestJS: A Practical Guide with Docker

Sources: udemy
I'm a FullStack Developer with 10+ years of experience. I'm obsessed with clean code and I try my best that my courses have the cleanest code possible. My teaching style is very...
6 hours 54 minutes 20 seconds
CodeFast | Learn to code in weeks, not months.

CodeFast | Learn to code in weeks, not months.

Sources: Marc Lou
CodeFast is a course designed specifically for those who want to turn their idea into a real online business quickly and effectively. Unlike traditional...
11 hours 38 minutes 42 seconds
Master NestJS 9 - Node.js Framework 2023

Master NestJS 9 - Node.js Framework 2023

Sources: udemy
NestJS is one of the most modern Node.js frameworks out there. This course will teach you everything you need to know to get you started ASAP! Don't get fooled
12 hours 9 minutes 52 seconds
NestJS. Architecture and Advanced Patterns

NestJS. Architecture and Advanced Patterns

Sources: learn.nestjs.com
In one of our most advanced courses yet. In this course, we will be covering many powerful Architectural Concepts & Patterns used in some of today's most complex Node.js systems...
2 hours 15 minutes 52 seconds
Ultimate Next.js Course 2024 Edition

Ultimate Next.js Course 2024 Edition

Sources: developedbyed.com
Learn to build a fully functional web application using React and Next.js. This course covers topics like authentication, ORM, creating responsive UIs...
29 hours 39 minutes 9 seconds