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
Build and Deploy an AI Automation SaaS

Build and Deploy an AI Automation SaaS

Sources: Code With Antonio
Master the creation of AI-SaaS: developing Nodebase, automating processes, AI integration, and implementing monetization. A practical guide from idea to launch.
11 hours 59 minutes 29 seconds
NestJS GraphQL - Code-first approach

NestJS GraphQL - Code-first approach

Sources: learn.nestjs.com
Get up to speed with the GraphQL Code-first approach with NestJS. Master GraphQL fundamentals and essentials concepts behind creating your own enterprise-grade GraphQL applicati...
1 hour 55 minutes 15 seconds
Full Stack Authentication in 20 Minutes With Clerk (Next.js + NestJS)

Full Stack Authentication in 20 Minutes With Clerk (Next.js + NestJS)

Sources: Michael Guay
Find out how to set up authentication with Clerk in 20 minutes in a Next.js and NestJS application. A simple and secure integration for your project.
18 minutes 9 seconds
Next JS: The Complete Developer's Guide

Next JS: The Complete Developer's Guide

Sources: udemy, Stephen Grider
Congratulations! You’re on the brink of entering the fast-evolving world of NextJS, designed to empower developers with the tools to create high-performance, fe
15 hours 35 minutes 12 seconds