Angular + NestJS E-commerce: MASTER the Stack, Build a Pet Store! (Part 1/3)

Angular + NestJS E-commerce: MASTER the Stack, Build a Pet Store! (Part 1/3)

4.108 Lượt nghe
Angular + NestJS E-commerce: MASTER the Stack, Build a Pet Store! (Part 1/3)
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