- 71
- 486 368
Coding With Abbas
Приєднався 19 бер 2019
Ghulam Abbas is a full-stack developer and an accomplished Udemy instructor. He has taught over 80,000+ students from 191+ countries, demonstrating his ability to effectively communicate and teach complex technical concepts.
Ghulam's experience as a full-stack developer and his expertise in a variety of programming languages, frameworks, and technologies make him a valuable asset to any team.
He is passionate about sharing his knowledge and helping others to succeed in their own endeavors. Ghulam's dedication and commitment to his students are evident in the success of his students.
Ghulam's experience as a full-stack developer and his expertise in a variety of programming languages, frameworks, and technologies make him a valuable asset to any team.
He is passionate about sharing his knowledge and helping others to succeed in their own endeavors. Ghulam's dedication and commitment to his students are evident in the success of his students.
The ABSOLUTE BEST Way to Setup Docker for MERN Stack APP
Final Code:
github.com/ghulamabbas2/docker-with-mern
MERN Stack Complete Masterclass:
www.udemy.com/course/mern-stack-ecommerce-site-using-react-redux-nodejs/?couponCode=MERN-YT-1104
Setup Docker with React application:
ua-cam.com/video/blNyzTXM-FU/v-deo.html
⚙️ Gadgets I use for Recording:
💻 Laptop - Macbook PRO M1 - 16/512
amzn.to/4eUqrSe
🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone
amzn.to/3W9Z4wl
🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Black
amzn.to/3RY4xUy
⌨️ Keyboard - Logitech K380 Multi-Device Bluetooth Keyboard
amzn.to/3RY4Fn0
🖥️ Monitor - UltraSharp 24-Inch Screen Led-Lit Monitor (U2419H)
amzn.to/4bxidN6
Welcome to our in-depth tutorial on setting up Docker with MERN Stack for both development and production environments! In this video, we'll walk you through the process of creating a multi-stage Dockerfile, optimizing your Docker setup, and ensuring your MERN Stack app runs smoothly in any environment.
We'll cover:
✅ Creating a Dockerfile for a MERN Stack environment
✅ Installing Docker and Docker Compose.
✅ Creating a production-ready Dockerfile.
✅ Yml files for development and production
By the end of this video, you'll have a solid understanding of how to effectively use docker with MERN Stack, streamline your development workflow, and prepare your applications for production deployment. Happy coding and containerizing!
🔔 Don't forget to subscribe to our channel and hit the notification bell to be notified when we release new videos on web development and DevOps!
github.com/ghulamabbas2/docker-with-mern
MERN Stack Complete Masterclass:
www.udemy.com/course/mern-stack-ecommerce-site-using-react-redux-nodejs/?couponCode=MERN-YT-1104
Setup Docker with React application:
ua-cam.com/video/blNyzTXM-FU/v-deo.html
⚙️ Gadgets I use for Recording:
💻 Laptop - Macbook PRO M1 - 16/512
amzn.to/4eUqrSe
🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone
amzn.to/3W9Z4wl
🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Black
amzn.to/3RY4xUy
⌨️ Keyboard - Logitech K380 Multi-Device Bluetooth Keyboard
amzn.to/3RY4Fn0
🖥️ Monitor - UltraSharp 24-Inch Screen Led-Lit Monitor (U2419H)
amzn.to/4bxidN6
Welcome to our in-depth tutorial on setting up Docker with MERN Stack for both development and production environments! In this video, we'll walk you through the process of creating a multi-stage Dockerfile, optimizing your Docker setup, and ensuring your MERN Stack app runs smoothly in any environment.
We'll cover:
✅ Creating a Dockerfile for a MERN Stack environment
✅ Installing Docker and Docker Compose.
✅ Creating a production-ready Dockerfile.
✅ Yml files for development and production
By the end of this video, you'll have a solid understanding of how to effectively use docker with MERN Stack, streamline your development workflow, and prepare your applications for production deployment. Happy coding and containerizing!
🔔 Don't forget to subscribe to our channel and hit the notification bell to be notified when we release new videos on web development and DevOps!
Переглядів: 595
Відео
Setup Docker with Nest.js for Development & Production with Postgres & pgAdmin
Переглядів 317Місяць тому
Final Code: github.com/ghulamabbas2/docker-with-nestjs Next.js Complete Masterclass: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 Complete Nest.js Playlist: ua-cam.com/video/4oLUddZVL80/v-deo.html ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone amzn....
Setup Docker with React for Development & Production | Multi Stage Docker File & more
Переглядів 528Місяць тому
Final Code: github.com/ghulamabbas2/docker-with-react Next.js Complete Masterclass: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone amzn.to/3W9Z4wl 🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, B...
NestJs REST API with TypeORM & Postgres | Relationships, Entity & more
Переглядів 4812 місяці тому
Final Code: github.com/ghulamabbas2/nest-typeorm-books-api Complete In-Depth NestJs UDEMY Courses: www.udemy.com/course/nestjs-build-modern-apis-in-nestjs-with-mongodb-postgres/?couponCode=NEST-YT-164 Complete NestJs API Playlist: ua-cam.com/play/PLdAEGQHOerPAMLdJim5Peryj6_2Q-477Z.html&si=tdqw7IDk4YaNd9k7 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC -...
NestJs REST API with MongoDB #8 - API Security, Rate Limiting, Helmet, CORS
Переглядів 3672 місяці тому
Final Code: github.com/ghulamabbas2/library-nest-api/tree/010-api-security Complete In-Depth NestJs UDEMY Courses: www.udemy.com/course/nestjs-build-modern-apis-in-nestjs-with-mongodb-postgres/?couponCode=NEST-YT-164 Complete NestJs API Playlist: ua-cam.com/play/PLdAEGQHOerPAMLdJim5Peryj6_2Q-477Z.html&si=tdqw7IDk4YaNd9k7 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to...
NestJs REST API with MongoDB #7 - Handle File Uploads, Validate Files
Переглядів 4182 місяці тому
Final Code: github.com/ghulamabbas2/library-nest-api/tree/009-handle-file-uploads Complete In-Depth NestJs UDEMY Courses: www.udemy.com/course/nestjs-build-modern-apis-in-nestjs-with-mongodb-postgres/?couponCode=NEST-YT-164 Complete NestJs API Playlist: ua-cam.com/play/PLdAEGQHOerPAMLdJim5Peryj6_2Q-477Z.html&si=tdqw7IDk4YaNd9k7 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 ...
NestJs REST API with MongoDB #6 - Role Base Authorization, Guards, Decorators
Переглядів 6552 місяці тому
Initial Code: github.com/ghulamabbas2/library-nest-api/tree/007-e2e-tests Final Code: github.com/ghulamabbas2/library-nest-api/tree/008-authorize-roles Complete In-Depth NestJs UDEMY Courses: www.udemy.com/course/nestjs-build-modern-apis-in-nestjs-with-mongodb-postgres/?couponCode=NEST-YT-164 Complete NestJs API Playlist: ua-cam.com/play/PLdAEGQHOerPAMLdJim5Peryj6_2Q-477Z.html&si=tdqw7IDk4YaNd9...
Redux Toolkit Query with React | Caching, Revalidating, Refetching & more
Переглядів 5323 місяці тому
Initial Code: github.com/ghulamabbas2/rtk-query-with-react/tree/001-initial-code Final Code: github.com/ghulamabbas2/rtk-query-with-react/tree/002-final-code Next.js Complete Masterclass: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC - Samson Technologies ...
React Hook Forms & Zod: Complete Guide to Client and Server Validation
Переглядів 2363 місяці тому
Initial Code: github.com/ghulamabbas2/zod-with-react-hook-forms/tree/001-initial-code Final Code: github.com/ghulamabbas2/zod-with-react-hook-forms/tree/002-final-code Next.js Complete Masterclass: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC - Samson Tec...
Zod Crash Course | Schemas, Parsing, Extract Errors & more
Переглядів 2273 місяці тому
Final Code: github.com/ghulamabbas2/zod-crash-course Next.js Complete Masterclass: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone amzn.to/3W9Z4wl 🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Bl...
Integrate Auth0 with Next.js | Login, Logout, Get/Update User & more
Переглядів 7673 місяці тому
Final Code: github.com/ghulamabbas2/auth0-with-nextjs Next.js Complete Masterclass: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone amzn.to/3W9Z4wl 🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, B...
Setup Docker with Next.js for Development & Production | Multi Stage Docker File & more
Переглядів 2,8 тис.3 місяці тому
Final Code: github.com/ghulamabbas2/docker-with-nextjs Next.js Complete Masterclass: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone amzn.to/3W9Z4wl 🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, ...
ShadCN UI Crash Course with Next.js | Mode Toggle, Sheets, Badges & more
Переглядів 5514 місяці тому
Final Code: github.com/ghulamabbas2/shadcn-with-nextjs Next.js Complete Masterclass: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone amzn.to/3W9Z4wl 🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, ...
Next.js Phone No OTP Verification: Sending & Verifying OTPs with Twilio
Переглядів 1,5 тис.4 місяці тому
Initial Code: github.com/ghulamabbas2/next-email-mobile-verification/tree/002-verify-email Final Code: github.com/ghulamabbas2/next-email-mobile-verification/tree/003-verify-phoneno-with-otp Next.js Complete Masterclass: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eU...
User Email Verification in Next.js: Complete Guide with Nodemailer & Mailtrap
Переглядів 1,3 тис.4 місяці тому
Initial Code: github.com/ghulamabbas2/next-email-mobile-verification/tree/001-initial-code Final Code: github.com/ghulamabbas2/next-email-mobile-verification/tree/002-verify-email Next.js Complete Masterclass: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC ...
Unit Testing in Nest.js with Jest | e2e Testing, mocks & more
Переглядів 3 тис.Рік тому
Unit Testing in Nest.js with Jest | e2e Testing, mocks & more
Unit Testing in Nest.js with Jest #3 - e2e Testing, Books/Auth e2e Testing
Переглядів 3,7 тис.Рік тому
Unit Testing in Nest.js with Jest #3 - e2e Testing, Books/Auth e2e Testing
Unit Testing in Nest.js with Jest #2 - Testing Controller Files
Переглядів 6 тис.Рік тому
Unit Testing in Nest.js with Jest #2 - Testing Controller Files
Unit Testing in Nest.js with Jest #1 - All About Mock, Testing Service Files
Переглядів 27 тис.Рік тому
Unit Testing in Nest.js with Jest #1 - All About Mock, Testing Service Files
Next.js 13 Full Stack E-commerce App #33 | Fix Next-Connect Error, App Router for API
Переглядів 5 тис.Рік тому
Next.js 13 Full Stack E-commerce App #33 | Fix Next-Connect Error, App Router for API
Next.js 13 Full Stack E-commerce App with MongoDB, Stripe, Cloudinary | COMPLETE COURSE
Переглядів 8 тис.Рік тому
Next.js 13 Full Stack E-commerce App with MongoDB, Stripe, Cloudinary | COMPLETE COURSE
Next.js 13 Full Stack E-commerce App #32 | Connect to MongoDB Atlas, Deploy on Vercel
Переглядів 3 тис.Рік тому
Next.js 13 Full Stack E-commerce App #32 | Connect to MongoDB Atlas, Deploy on Vercel
Next.js 13 Full Stack E-commerce App #31 | Post Review, Update Review, Can User Review Product
Переглядів 1,5 тис.Рік тому
Next.js 13 Full Stack E-commerce App #31 | Post Review, Update Review, Can User Review Product
Next.js 13 Full Stack E-commerce App #30 | ADMIN - All Users, Update User, Delete User
Переглядів 1,4 тис.Рік тому
Next.js 13 Full Stack E-commerce App #30 | ADMIN - All Users, Update User, Delete User
Next.js 13 Full Stack E-commerce App #29 | Update/Process Order, Delete Order
Переглядів 920Рік тому
Next.js 13 Full Stack E-commerce App #29 | Update/Process Order, Delete Order
Next.js 13 Full Stack E-commerce App #28 | Get All Orders (ADMIN), Order Details
Переглядів 1 тис.Рік тому
Next.js 13 Full Stack E-commerce App #28 | Get All Orders (ADMIN), Order Details
Next.js 13 Full Stack E-commerce App #27 | Update Product, Delete Product & it's Images
Переглядів 1,1 тис.Рік тому
Next.js 13 Full Stack E-commerce App #27 | Update Product, Delete Product & it's Images
Next.js 13 Full Stack E-commerce App #26 | Upload Multiple Product Images on Cloudinary
Переглядів 3,1 тис.Рік тому
Next.js 13 Full Stack E-commerce App #26 | Upload Multiple Product Images on Cloudinary
Next.js 13 Full Stack E-commerce App #25 | Authorize Roles on API Routes, Create New Product
Переглядів 1,3 тис.Рік тому
Next.js 13 Full Stack E-commerce App #25 | Authorize Roles on API Routes, Create New Product
Next.js 13 Full Stack E-commerce App #24 | Admin Routes, Authorize Roles, Get all Products
Переглядів 1,4 тис.Рік тому
Next.js 13 Full Stack E-commerce App #24 | Admin Routes, Authorize Roles, Get all Products
where did you get build folder app/build in 2nd stage because we only created WORKDIR /app where did build come from ?
Class two finished 👍 I had a problem with importing NextConnect, I'm still solving it. As I'm using TypeScrit, I'm adapting the code. Thank you master.
👍complete class.
tq helpful
just a simple question. i don't think this type of testing is beneficial when it's just a building block of basic functionalities we are depending upon. simply because the demonstrated testing logics are more of input check rather than business logic, which btw is where we need to add some test logic. I understand this is just a demonstration. but, I am wondering do you always prefer 100% coverage?
awesome one sir
Im having trouble with the development profile, when I change anything on the code, it doesn't reflect the change, seems like the code Im changing is not the same the container is seeing
Really Helpful. Really Concise and got everything i needed to get started.
Don't know why this command work >docker-compose -f docker-compose-prod.yml up --build -d instead of docker-compose -f docker-compose-prod.yml up -d --build
Very Informative Video
Congratulations on the explanation, thank you very much Abbas
Glad it was helpful!
Loved your video. Thank you very much! Keep it up!
Good one ☝️
Thanks bhai, I was struggling with this😢
is there any video where you explain refresh token and how to implement it in NestJs ?
I don't have yet. Will try create one.
@@codingwithabbas any way I did it , but I hope you create a video because i like the way you explain the concepts! good luck :D
Can you make a full stack video with nestjs and react and deploy to AWS
I will try my best. But most of the time nest is used with Angular.
A good idea is a video using docker
I'll make a video on docker with nestjs
where did u get the nginx folder path like /usr/..... BTW nice tutorial showing both dev and prod techniques
The /usr/share/nginx/html is the default directory used by Nginx to serve static files.
@@codingwithabbas oh thanks
The 20:45 login route should have the POST method.
Is this information relevant and the best? The dock says otherwise
Yes, this information is accurate and relevant.
Very helpful video!!
Abbas you are an excellent teacher. This video could've been longer though, for a beginner.
You can watch next part of this series. It's a complete playlist.
Can you created video to call nest js api to nest js project with crud
Calling nest api in nestjs?
Your series is very easy and useful thanks guys
bhai urdu bolny me msla hai kia
Channel is in English from first day. And most of the subscribers are from my Udemy courses.
I saw when type <Produver then vs code suggest you rest of code.. How you do it? ..
It's GitHub Copilot.
I finally found it. Thanks a lot!
me too 😄
Once again great tutorial thank for the efforts
My pleasure!
❤ great broh
it really help amazing resource for nest js need more content
Hey Abbas, thanks a lot for the tutorial. I just got one little issue, on the PUT request I don't get any response in Postman, the other ones work great (findAll, findById, createBook, etc). I made sure I got the correct ID and also even tested with your own cloned version. Anyone else with the same problem?
You are getting blank response. Is document in DB updated?
Videos are so good, helped me a lot with understanding and its very clear!
Glad it helped!
♥
Good video
whatever told you in last 10 minutes that is useful for me no one tell those small things i think you should make bigger application so that we understand every situation of using rtk and rtk qurery
I copied ur repo and the changes don't hot reload using the development mode - what's up?
Have you cloned the entire repo?
Multer setup to karliya lakin osa use kar ka nai dekha abhi
From today I am starting writing code in typescript only
when I try to use bcrypt.compare for password and user.password, it tells me password doesn't exist on user even though I made the scema exacrtly like yours
Restart your server once.
Can you give me your mail id I have one question!! My tsx component not rendering 😢
Component is not rendering? Can you see any error?
@@codingwithabbas yes that's why I have to send some code pictures and also explain why I am getting error
Because that is my project which will be deploy on 21 -8+ -2024 can you help me then must help ??
Simply save it :) thanks! Good content - really nice addition to the Udemy course I have.
@codingwithabbas hello sir, how can i get the pictures ? i need the pictures for my cloudinary because i'm using signed method
You will get back images urls, you have to save those in the database.
Can I continue using this format for a large project?
Thank you great content, I'm looking for the same content with React.js (Node js, MongoDb, Express)
Thanks pal. Today you use the categories in the Breadcrumbs
@codingwithabbas, thank you mate for all the work you have done. It was a great project that will serve me. I had to fix some important bugs due to major changes of libraries but i managed to make everything work with less warnings. So, really, thank you for the time you invested
Glad it helped
@@codingwithabbas when we ae production mode, why does req.files is empty ? the uploadingMiddleware is telling that there is an image but i log req.files, there is not an image and it's only in production mode
core : - (steps provided by twilio) 1.send otp 2. verify otp thanks for the vid mate helps a lot 👍
Glad it helped
@@codingwithabbasI’m lost in some of those videos
The only video on the whole youtube which explains docker with nextjs, with example of dev and prod. you are legend mann!!
How to globally write ` @UseGuards(AuthGuard()) ` for some group of routes?
My errors: nest can't resolve dependencies of the AuthService(?, JwtService). Please make sure that the argument UserModule at index [0] is available in the AppModule context(But I didn't have or Create UserModule). So I decided to create a new User Folder for CRUD and in the UserModule( Providers, I added JwtService) so it work to me ?
The issue you're encountering is due to the incorrect usage of the @InjectModel decorator in your AuthService. Specifically, you are passing Model.name instead of the name of the schema you defined (User). The correct usage should be the name of the schema (for eg. User), which you registered in your AuthModule.