Learn how to master the Angular + NestJS e-commerce stack by building a pet store in this tutorial (2025 Guide). Perfect for those looking to build a full stack Angular app for their e-commerce business!
👉🏽Cloudways PHP Hosting:
https://www.cloudways.com/en/php-hosting.php?id=1879418&data1=AngularNextJS&data2=Mar25
👉🏽Cloudways Signup Link:
https://platform.cloudways.com/signup?id=1879418&coupon=AHSANDEV20&data1=AngularNextJS&data2=Mar25
We’ve also got a special promo code for you 🙌🏽:
Promo Code: AHSANDEV20
Offer: 20% Off for 3 Months
🚀 Code Repo:
https://github.com/AhsanAyaz/pet-markt
⚙️ Gist for Cloudways Server Setup for PM2
https://gist.github.com/AhsanAyaz/f2acbd1914e4315ac1949a45954022f2
Join 1600+ coding enthusiasts to keep yourself up to date with AI, Angular, and Web Development:
https://blog.codewithahsan.dev
In this MEGA tutorial, we'll build a professional-grade pet e-commerce application from scratch using cutting-edge technologies. We'll use Angular, NestJS, Prisma, Postgres, Firebase, GraphQL, and Stripe payments as I guide you step-by-step through building a real-world project, ready for deployment on Cloudways (our amazing video sponsor!).
This comprehensive course covers:
✅Modern Angular Frontend: Craft a dynamic and user-friendly e-commerce interface.
✅Robust NestJS Backend: Build a scalable and secure API with NestJS.
✅Database Mastery with Prisma & Postgres: Learn data modeling and management for e-commerce.
✅Real-time Features with Firebase: Implement authentication and authorization seamlessly.
✅GraphQL API Integration: Optimize data fetching and enhance application performance.
✅Stripe Payments Integration: Enable secure and seamless online transactions.
✅Cloudways Deployment: Take your app live with easy Cloudways hosting!
👉🏽Perfect for: Angular developers, NestJS enthusiasts, full-stack beginners, and anyone looking to build a complete e-commerce solution.
Get ready to level up your skills and build your dream pet e-commerce app! Don't forget to like, subscribe, and check out Cloudways using the following link:
https://www.cloudways.com/en/?id=1879418
Hit that like 👍🏽button, and subscribe to the channel to be notified about upcoming parts 🔔
Happy coding!
Timeline:
00:00:00 - Introduction
00:00:43 - Projects I've built being a FS Engineer
00:01:54 - Introduction to the PetMarkt app
00:05:21- Sponsorship - Cloudways
00:06:40 - Application Architecture - Explained
00:09:49 - What we'll learn in this video
00:11:20 - Set up an NX monorepo
00:12:40 - Creating and serving the NestJS app
00:17:25 - Integrating Prisma as an ORM for Postgres DB
00:21:00 - Defining Prisma Schema for the DB
00:26:38 - Applying initial migration to the DB via Prisma
00:28:58 - Creating a seed script to prepopulate Products
00:34:10 - Set up GraphQL in the NestJS application
00:38:34 - Implementing the Products resource using GraphQL
00:45:40 - Using prisma to return Products using GraphQL
00:50:42 - Searching products using Prisma & GraphQL
00:53:46 - Creating and serving the Angular app
01:03:00 - Setting up NgRX Signals Store & Apollo Angular for GraphQL
01:08:28 - Making the component call the GraphQL API via Signal Store
01:15:08 - Setting up CORS for the NestJS app
01:17:10 - Deploying our NestJS backend application to CloudWays
01:35:28 - Outro