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

Build a Shopping App With Next.js + NestJS & Prisma, available at $54.99, has an average rating of 4.72, with 49 lectures, based on 9 reviews, and has 181 subscribers.

You will learn about Build a scaleable full-stack web application following best practices Use the modern Nextjs app directory approach to build a cutting edge performant UI Create Nextjs server components & actions for improved performance & security Build an enterprise grade backend using NestJS & Prisma ORM with a Postgres DB Implement a continuous delivery pipeline on AWS & Vercel to easily deploy our code into production Secure the UI & backend using industry-standard JWT authentication Use Prisma ORM to generate TypeScript types to reduce boilerplate & perform database migrations Utilize Material UI & Tailwind CSS to build beautiful components with ease Learn how to upload images to the filesystem & AWS S3 from a Nextjs UI Connect Stripe to collect payments and integrate webhooks to recieve realtime updates Integrate WebSockets to get real-time updates from the backend to the Nextjs UI Learn how to cache data with Nextjs fetch to avoid duplicating requests and achieve a blazing fast user experience Provision a custom domain & secure traffic with HTTPS This course is ideal for individuals who are Intermediate full-stack developers who want to learn how to build incredible UIs with Nextjs & connect it to a NestJS backend It is particularly useful for Intermediate full-stack developers who want to learn how to build incredible UIs with Nextjs & connect it to a NestJS backend.

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

Summary

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

Price: $54.99

Average Rating: 4.72

Number of Lectures: 49

Number of Published Lectures: 49

Number of Curriculum Items: 49

Number of Published Curriculum Objects: 49

Original Price: $69.99

Quality Status: approved

Status: Live

What You Will Learn

Build a scaleable full-stack web application following best practices
Use the modern Nextjs app directory approach to build a cutting edge performant UI
Create Nextjs server components & actions for improved performance & security
Build an enterprise grade backend using NestJS & Prisma ORM with a Postgres DB
Implement a continuous delivery pipeline on AWS & Vercel to easily deploy our code into production
Secure the UI & backend using industry-standard JWT authentication
Use Prisma ORM to generate TypeScript types to reduce boilerplate & perform database migrations
Utilize Material UI & Tailwind CSS to build beautiful components with ease
Learn how to upload images to the filesystem & AWS S3 from a Nextjs UI
Connect Stripe to collect payments and integrate webhooks to recieve realtime updates
Integrate WebSockets to get real-time updates from the backend to the Nextjs UI
Learn how to cache data with Nextjs fetch to avoid duplicating requests and achieve a blazing fast user experience
Provision a custom domain & secure traffic with HTTPS

Who Should Attend

Intermediate full-stack developers who want to learn how to build incredible UIs with Nextjs & connect it to a NestJS backend

Target Audiences

Intermediate full-stack developers who want to learn how to build incredible UIs with Nextjs & connect it to a NestJS backend

This course will teach you how to build a modern Next.js app using the latest App directory approach. We will build a shopping app and learn all the core fundamentals of building a modern Next.js app. We will also connect the app to a NestJS backend and store data using Prisma ORM.

This architecture allows us to take advantage of the amazing performance & security features of Next.js with server-side rendering while still maintaining a clean scaleable backend using NestJS. By building a real working shopping app integrated with Stripe to accept payments we will go beyond the documentation & learn what it takes to build and deploy a full-stack web application to production.

Additionally, we will cover production deployment using AWS & Vercel to implement a continuous delivery pipeline and expose our application to the internet on a real working domain. This will ensure the app is automatically built & deployed with every commit without us having to do a thing.

The entire project will be protected with industry-standard JWT authentication so only authenticated users can access our application. We will utilize WebSockets to receive real-time updates from our backend whenever a new product is added or purchased. This will be facilitated with the usage of Stripe webhooks.

By the end of the course, we’ll have gone through the bulk of the Next.js documentation by building a real working app. You’ll be able to apply what you’ve learned to build your own modern full-stack app.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Resources

Lecture 2: Project Structure

Lecture 3: Material UI

Lecture 4: Auth Routes

Chapter 2: NestJS Backend

Lecture 1: Backend Setup

Lecture 2: Users Module

Lecture 3: Validation + Config + Logging

Lecture 4: Prisma

Lecture 5: Create User

Chapter 3: Server Actions

Lecture 1: Create User Server Action – Part 1

Lecture 2: Create User Server Action – Part 2

Chapter 4: Authentication

Lecture 1: Local Strategy

Lecture 2: Sign JWT

Lecture 3: JWT Strategy

Lecture 4: JSON Payloads

Lecture 5: UI Login Auth

Lecture 6: Server Cookies

Lecture 7: UI Auth Middleware

Chapter 5: Header

Lecture 1: Header

Lecture 2: Authentication Context

Lecture 3: Logout & Navigation

Chapter 6: Products

Lecture 1: Products Schema

Lecture 2: Create Products Backend

Lecture 3: Create Product Modal

Lecture 4: Create Product Server Action

Lecture 5: Get Products

Lecture 6: Products Cache

Chapter 7: Image Upload

Lecture 1: Product Upload Backend

Lecture 2: Product Upload UI

Lecture 3: Serve Static

Lecture 4: Next.js Image

Chapter 8: Single Product

Lecture 1: Single Product Routing & Backend

Lecture 2: Single Product UI

Chapter 9: Stripe

Lecture 1: Stripe Checkout Session

Lecture 2: Stripe Checkout Redirect

Lecture 3: Stripe Webhooks

Chapter 10: Product WebSockets

Lecture 1: Products Filter

Lecture 2: Products Gateway

Lecture 3: Products WebSockets

Lecture 4: WebSocket Authentication

Chapter 11: Production

Lecture 1: Postgres Connection String

Lecture 2: Elastic Beanstalk

Lecture 3: Production Code

Lecture 4: CodePipeline

Lecture 5: Vercel

Lecture 6: Custom Domain

Lecture 7: Stripe & Images

Lecture 8: S3 Public Bucket Policy

Lecture 9: S3 Image Upload

Instructors

Michael Guay
Software Engineer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 1 votes
4 stars: 2 votes
5 stars: 6 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu