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

Next.js - The Full Course

Next.js - The Full Course

Sources: fireship.io
Next.js - The Full Course provides a in-depth look into the Next.js App Router introduced in version 13.2. It puts React Server Components into practice by buil
1 hour 14 minutes 14 seconds
Complete Next.js Developer in 2023: Zero to Mastery

Complete Next.js Developer in 2023: Zero to Mastery

Sources: zerotomastery.io
Learn Next JS from industry experts using modern best practices. The only Next JS tutorial + projects course you need to learn Next JS, build enterprise-level R
27 hours 12 minutes 37 seconds
Magic UI Pro

Magic UI Pro

Sources: Dillion Verma
Magic UI Pro is a platform for creating modern, visually appealing landing pages with minimal effort. It offers over 50 pre-designed...
Duolingo Clone

Duolingo Clone

Sources: Code With Antonio
In this 11-hour course, you will learn how to create your own SaaS application for language learning, similar to Duolingo. Users will be able to choose language
11 hours 12 minutes 32 seconds