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

Apache Pulsar + NestJS Tutorial

Apache Pulsar + NestJS Tutorial

Sources: Michael Guay
Explore the integration of asynchronous messaging with Apache Pulsar in NestJS applications. Ensure the scalability and reliability of the system in Kubernetes.
1 hour 23 minutes 31 seconds
NestJS Masterclass - NodeJS Framework Backend Development

NestJS Masterclass - NodeJS Framework Backend Development

Sources: udemy
NestJS is a framework for Node.js designed for creating efficient, reliable, and scalable server-side applications. Its architecture is inspired by Angular...
24 hours 26 minutes 30 seconds
NestJS Hexagonal Architecture + CQRS | Full Project

NestJS Hexagonal Architecture + CQRS | Full Project

Sources: Michael Guay
Create a project in NestJS with a hexagonal architecture and CQRS. Learn how to organize the code and use patterns for a clean and testable system.
1 hour 23 minutes 52 seconds
Sleek Next.JS Applications with shadcn/ui

Sleek Next.JS Applications with shadcn/ui

Sources: fullstack.io
Dive into the development of modern web interfaces by learning the basics of shadcn/ui, TailwindCSS, and Radix UI. Learn to create flexible and modular...
5 hours 10 minutes 20 seconds
Next40. Master Next.js 14 in 40 days of epic projects

Next40. Master Next.js 14 in 40 days of epic projects

Sources: Reed Barger, nextjs40.com
Become a Next.js pro in the best way - by building tons of amazing apps, from admin dashboards, personal websites, full-stack apps and more.
4 hours 52 minutes 49 seconds