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

Learn how to build cutting edge web apps with Next.js and connect it to a scaleable NestJS backend

Created by: Michael Guay
Software Engineer

What Will I 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

Requirements

• Intermediate experience with React
• Intermediate experience with Express/NodeJS backends
• Beginner experience with NestJS

Target audience

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