Coding With Abbas
Coding With Abbas
  • 57
  • 423 406
User Email Verification in Next.js: Complete Guide with Nodemailer & Mailtrap
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 - 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 step-by-step tutorial on implementing user email verification using Next.js and Nodemailer! In this video, we will walk you through the process of setting up a seamless email verification system for your Next.js application.
We'll cover:
✅ Integrating Nodemailer for sending emails
✅ Creating and sending verification emails
✅ Handling email verification links
✅ Validating and updating user status
By the end of this video, you'll have a fully functional email verification system in your Next.js app
🔔 Don't forget to subscribe to our channel and hit the notification bell to be notified when we release new videos.
Переглядів: 179

Відео

Unit Testing in Nest.js with Jest | e2e Testing, mocks & more
Переглядів 2,4 тис.Рік тому
Final Code: github.com/ghulamabbas2/library-nest-api/tree/006-controller-unit-tests Complete In-Depth NestJs UDEMY Courses: www.udemy.com/course/nestjs-build-modern-apis-in-nestjs-with-mongodb-postgres/?couponCode=NEST-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 - Log...
Unit Testing in Nest.js with Jest #3 - e2e Testing, Books/Auth e2e Testing
Переглядів 2,7 тис.Рік тому
Final Code: github.com/ghulamabbas2/library-nest-api/tree/007-e2e-tests Complete In-Depth NestJs UDEMY Courses: www.udemy.com/course/nestjs-build-modern-apis-in-nestjs-with-mongodb-postgres/?couponCode=NEST-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 G...
Unit Testing in Nest.js with Jest #2 - Testing Controller Files
Переглядів 4,9 тис.Рік тому
Final Code: github.com/ghulamabbas2/library-nest-api/tree/006-controller-unit-tests Complete In-Depth NestJs UDEMY Courses: www.udemy.com/course/nestjs-build-modern-apis-in-nestjs-with-mongodb-postgres/?couponCode=NEST-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 - Log...
Unit Testing in Nest.js with Jest #1 - All About Mock, Testing Service Files
Переглядів 21 тис.Рік тому
Final Code: github.com/ghulamabbas2/library-nest-api/tree/005-service-unit-testing Complete In-Depth NestJs UDEMY Courses: www.udemy.com/course/nestjs-build-modern-apis-in-nestjs-with-mongodb-postgres/?couponCode=NEST-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 - Logi...
Next.js 13 Full Stack E-commerce App #33 | Fix Next-Connect Error, App Router for API
Переглядів 4,7 тис.Рік тому
Checkout my In-Depth Next.js Masterclass on Udemy Courses: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 Next.js Authentication with Next-Auth: ua-cam.com/video/bLlDwkOyI5c/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 🖱️M...
Next.js 13 Full Stack E-commerce App with MongoDB, Stripe, Cloudinary | COMPLETE COURSE
Переглядів 8 тис.Рік тому
Git Repo Link: github.com/ghulamabbas2/buyitnow/ Checkout my In-Depth Next.js Masterclass on Udemy Courses: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 Complete Playlist - STEP-BY-STEP VIDEOS: ua-cam.com/play/PLdAEGQHOerPAs67GJpgopqHhIjPk7rW7d.html TIME STAMPS: 00:41 - DEMO of the Project 13:38 - Connect to DB, Setup Tailwind, New Product 31...
Next.js 13 Full Stack E-commerce App #32 | Connect to MongoDB Atlas, Deploy on Vercel
Переглядів 2,8 тис.Рік тому
Git Repo Link: github.com/ghulamabbas2/buyitnow/tree/033-deploy-on-vercel Checkout my In-Depth Next.js Masterclass on Udemy Courses: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 Next.js Authentication with Next-Auth: ua-cam.com/video/bLlDwkOyI5c/v-deo.html ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MI...
Next.js 13 Full Stack E-commerce App #31 | Post Review, Update Review, Can User Review Product
Переглядів 1,4 тис.Рік тому
Git Repo Link: github.com/ghulamabbas2/buyitnow/tree/032-post-review Checkout my In-Depth Next.js Masterclass on Udemy Courses: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 Next.js Authentication with Next-Auth: ua-cam.com/video/bLlDwkOyI5c/v-deo.html ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤 MIC - S...
Next.js 13 Full Stack E-commerce App #30 | ADMIN - All Users, Update User, Delete User
Переглядів 1,3 тис.Рік тому
Git Repo Link: github.com/ghulamabbas2/buyitnow/tree/031-get-update-delete-user Checkout my In-Depth Next.js Masterclass on Udemy Courses: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 Next.js Authentication with Next-Auth: ua-cam.com/video/bLlDwkOyI5c/v-deo.html ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrS...
Next.js 13 Full Stack E-commerce App #29 | Update/Process Order, Delete Order
Переглядів 864Рік тому
Git Repo Link: github.com/ghulamabbas2/buyitnow/tree/030-update-delete-order Checkout my In-Depth Next.js Masterclass on Udemy Courses: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 Next.js Authentication with Next-Auth: ua-cam.com/video/bLlDwkOyI5c/v-deo.html ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe 🎤...
Next.js 13 Full Stack E-commerce App #28 | Get All Orders (ADMIN), Order Details
Переглядів 922Рік тому
Git Repo Link: github.com/ghulamabbas2/buyitnow/tree/029-order-and-order-details Checkout my In-Depth Next.js Masterclass on Udemy Courses: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 Next.js Authentication with Next-Auth: ua-cam.com/video/bLlDwkOyI5c/v-deo.html ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqr...
Next.js 13 Full Stack E-commerce App #27 | Update Product, Delete Product & it's Images
Переглядів 1 тис.Рік тому
Git Repo Link: github.com/ghulamabbas2/buyitnow/tree/028-update-delete-product Checkout my In-Depth Next.js Masterclass on Udemy Courses: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 Next.js Authentication with Next-Auth: ua-cam.com/video/bLlDwkOyI5c/v-deo.html ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUqrSe...
Next.js 13 Full Stack E-commerce App #26 | Upload Multiple Product Images on Cloudinary
Переглядів 2,7 тис.Рік тому
Git Repo Link: github.com/ghulamabbas2/buyitnow/tree/027-upload-product-images Checkout my In-Depth Next.js Masterclass on Udemy Courses: www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164 Next.js 13 Authentication with Next-Auth: ua-cam.com/video/bLlDwkOyI5c/v-deo.html ⚙️ Gadgets I use for Recording: 💻 Laptop - Macbook PRO M1 - 16/512 amzn.to/4eUq...
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
Next.js 13 Full Stack E-commerce App #23 | Current User Orders, Clear Cart after Purchase/Order
Переглядів 1,2 тис.Рік тому
Next.js 13 Full Stack E-commerce App #23 | Current User Orders, Clear Cart after Purchase/Order
Next.js 13 Full Stack E-commerce App #22 | Create new Order with Stripe Webhook
Переглядів 3,4 тис.Рік тому
Next.js 13 Full Stack E-commerce App #22 | Create new Order with Stripe Webhook
Next.js 13 Full Stack E-commerce App #21 | Integrate Stripe, Stripe Checkout Session, Tax/Shipping
Переглядів 3,6 тис.Рік тому
Next.js 13 Full Stack E-commerce App #21 | Integrate Stripe, Stripe Checkout Session, Tax/Shipping
Next.js 13 Full Stack E-commerce App #20 | Shipping Page, Checkout Handler
Переглядів 1,4 тис.Рік тому
Next.js 13 Full Stack E-commerce App #20 | Shipping Page, Checkout Handler
Next.js 13 Full Stack E-commerce App #19 | Update User Password
Переглядів 1,1 тис.Рік тому
Next.js 13 Full Stack E-commerce App #19 | Update User Password
Next.js 13 Full Stack E-commerce App #18 | Update Profile, Upload Avatar, Update next-auth Session
Переглядів 5 тис.Рік тому
Next.js 13 Full Stack E-commerce App #18 | Update Profile, Upload Avatar, Update next-auth Session
Next.js 13 Full Stack E-commerce App #17 | Setup Multer & Cloudinary for Images
Переглядів 8 тис.Рік тому
Next.js 13 Full Stack E-commerce App #17 | Setup Multer & Cloudinary for Images
Next.js 13 Full Stack E-commerce App #16 | Update & Delete Address, Current User Addresses
Переглядів 1,5 тис.Рік тому
Next.js 13 Full Stack E-commerce App #16 | Update & Delete Address, Current User Addresses
Next.js 13 Full Stack E-commerce App #15 | Protect API Endpoints, Pass Next Auth Token with Axios
Переглядів 2,3 тис.Рік тому
Next.js 13 Full Stack E-commerce App #15 | Protect API Endpoints, Pass Next Auth Token with Axios
Next.js 13 Full Stack E-commerce App #14 | Error Handling, Custom Error Response
Переглядів 1,6 тис.Рік тому
Next.js 13 Full Stack E-commerce App #14 | Error Handling, Custom Error Response
Next.js 13 Full Stack E-commerce App #13 | Add New Address, Render User Addresses
Переглядів 1,8 тис.Рік тому
Next.js 13 Full Stack E-commerce App #13 | Add New Address, Render User Addresses
Next.js 13 Full Stack E-commerce App #12 | Protect Routes, Modify Session, Callback URL
Переглядів 2 тис.Рік тому
Next.js 13 Full Stack E-commerce App #12 | Protect Routes, Modify Session, Callback URL
Next.js 13 Full Stack E-commerce App #11 | User Profile, Logout User, Nested Layouts
Переглядів 2 тис.Рік тому
Next.js 13 Full Stack E-commerce App #11 | User Profile, Logout User, Nested Layouts
Next.js 13 Full Stack E-commerce App #10 | Login User, Next-Auth, Display User in Header
Переглядів 4,2 тис.Рік тому
Next.js 13 Full Stack E-commerce App #10 | Login User, Next-Auth, Display User in Header

КОМЕНТАРІ

  • @allandasoaresdamataaraujo8393

    Thanks! This video helped me.

  • @jaxontn
    @jaxontn 3 дні тому

    Your tutorials are so long

    • @codingwithabbas
      @codingwithabbas 3 дні тому

      I will try to make short but sometimes in-depth explanation is necessary.

  • @ApurvaKashyap-kj6qz
    @ApurvaKashyap-kj6qz 4 дні тому

    will this service work after deployment on vercel ( no domain) ?!

    • @codingwithabbas
      @codingwithabbas 4 дні тому

      Yes this will work, you just need production api key from mail trap.

  • @durgabindu5843
    @durgabindu5843 4 дні тому

    The way u lands on concept is really nice

  • @haristars6683
    @haristars6683 15 днів тому

    how to integrate , when the service need to be tested has constructor and how to handle it in the unit testing?

  • @phantazzor
    @phantazzor 16 днів тому

    do you have an updated version of your course ?

  • @phantazzor
    @phantazzor 18 днів тому

    what is dto ? why you need it ?

  • @user-js2dn2bt1m
    @user-js2dn2bt1m 19 днів тому

    Thankyou! works perfectly

  • @muhammadshahzad2446
    @muhammadshahzad2446 21 день тому

    thank you

  • @wallelignworkie8749
    @wallelignworkie8749 23 дні тому

    what is the backend framework

  • @maedesolgi8251
    @maedesolgi8251 28 днів тому

    How to redirect back to protected route after login?

    • @codingwithabbas
      @codingwithabbas 27 днів тому

      You can pass callback url in the signIn function. callbackUrl: "/YOUR_ENDPOINT",

  • @faustozambrano4901
    @faustozambrano4901 29 днів тому

    Thanks for the tutorial, buddy

  • @divi2583
    @divi2583 Місяць тому

    thrwoing error dup;icate pages comig page.jsx

  • @ShahabMusharraf-ug8lu
    @ShahabMusharraf-ug8lu Місяць тому

    Why do we not saved the token in cookie?

  • @ShahabMusharraf-ug8lu
    @ShahabMusharraf-ug8lu Місяць тому

    Why do we not saved the token in cookie?

  • @Dev-Phantom
    @Dev-Phantom Місяць тому

    cool

  • @ayeshdev
    @ayeshdev 2 місяці тому

    Need more projects on nestjs

  • @revxl722
    @revxl722 2 місяці тому

    Great video

  • @Engineeeer_1
    @Engineeeer_1 2 місяці тому

    Great

  • @cherukupalliramanjaneyulu4598
    @cherukupalliramanjaneyulu4598 2 місяці тому

    Thank you so much sir

  • @mr_ahmad_70
    @mr_ahmad_70 3 місяці тому

    Thank You So Much Sir I was very scared of OOPS bcz my background was of express js and functional only not the classes, thanks to your explanation, now I can do a crud. It would be great if you make a video on Authentication as well

    • @codingwithabbas
      @codingwithabbas 2 місяці тому

      Already made vide on that: ua-cam.com/video/ED8uWgE-KeY/v-deo.html

  • @ezmegaz4708
    @ezmegaz4708 3 місяці тому

    2024-04-10 14:31:36 --> checkout.session.completed [evt_1P40JgRt7h1hrA2OT21YSCVQ] 2024-04-10 14:32:06 [ERROR] Failed to POST: Post "localhost:3000/api/orders/webhook": context deadline exceeded (Client.Timeout exceeded while awaiting headers) same problem.. anyone have a solution for this problem?

  • @PelletsEaseFrance
    @PelletsEaseFrance 3 місяці тому

    nice, but the product name is not in the url for SEO

  • @mdabdullahhosen5404
    @mdabdullahhosen5404 3 місяці тому

    is it needed to always be opened the cli? I mean the app gonna run in the surver automatically and there is no way of running the cli indeed. What to do then? Please clear me. Thanks in advance!

  • @kukuster
    @kukuster 3 місяці тому

    NOTE: at minute 9 you will not actually have a successful connection to a database (called "library-next-api" in this case) like on the video, unless you already created it beforehand. But! The database will be created automatically later when you insert a first record

    • @aryanddaga
      @aryanddaga 15 днів тому

      how do I do that?

    • @kukuster
      @kukuster 15 днів тому

      ​@@aryanddaga you can start mongoDB CLI by executing `mongo` in the terminal, then write `use <your_database_name>` inside. This will create an empty db. But the point of what I wrote is that you can ignore that error, because in the following steps you'll execute something that inserts the first record successfully and it'll automatically create the database for you

  • @muhammadmuneebwaseem504
    @muhammadmuneebwaseem504 3 місяці тому

    Great course brother. Learning Nestjs for the first time and you nailed it! Thanks once again.

  • @masumbillah6029
    @masumbillah6029 3 місяці тому

    ProductDetails page product undefined.please help

  • @user-zw1ye3gv8o
    @user-zw1ye3gv8o 3 місяці тому

    Thank You☺

  • @tutulkhan-ju2cj
    @tutulkhan-ju2cj 3 місяці тому

    Hey brother, Is it worth buying now in 2024 due to many changes in technology and can I use it on any device i mean is it responsive?

  • @user-ie9sk1kq6e
    @user-ie9sk1kq6e 4 місяці тому

    Broooooo 07:09 EN-TITIES

  • @paulj3580
    @paulj3580 4 місяці тому

    How do you setup your MongoDB bro?

    • @pelumiabdulraheem3705
      @pelumiabdulraheem3705 4 місяці тому

      have you figured it out?

    • @paulj3580
      @paulj3580 4 місяці тому

      @@pelumiabdulraheem3705 yes bro

    • @paulj3580
      @paulj3580 4 місяці тому

      @@pelumiabdulraheem3705 instead of using .env I used to put the connection string in the app.module.ts

  • @nishithkhambhati3260
    @nishithkhambhati3260 4 місяці тому

    Very good... But please show how to handle multiple filters like category like shoes and electronic

  • @user-cf2hv2if4i
    @user-cf2hv2if4i 4 місяці тому

    I'm getting a error cannot read properties of undefined (reading _'id')

  • @hossein-kbh
    @hossein-kbh 4 місяці тому

    nice job 👍

  • @O_Antonov_UA
    @O_Antonov_UA 5 місяців тому

    Thank you SO MUCH for the informative video with explanations. Good luck and greetings from Ukraine!

  • @frontendzonedotcom
    @frontendzonedotcom 5 місяців тому

    where is server side logic?

  • @JeanBaptisteChabi
    @JeanBaptisteChabi 5 місяців тому

    Great tuto, i never find the redirection to stripe hosted page professionnal. Like the real projects does, the checkout form is built inside the website, and it is more professional. Second, no one ever tried multiple payment gateways on the same system, just stripe and over and over again.

  • @kingb772
    @kingb772 5 місяців тому

    Really helped, Thank You!

  • @mokhlestarmiz743
    @mokhlestarmiz743 5 місяців тому

    hello, can u connect this back with front end react

  • @johndevnoza4223
    @johndevnoza4223 5 місяців тому

    can u apply these for nextjs 14?

  • @kllz_03
    @kllz_03 5 місяців тому

    Subject: Profound Gratitude for Your Invaluable Assistance Dear Abbas, I hope this letter finds you in excellent health and high spirits. I wanted to express my gratitude in a way that words alone cannot fully capture. Your recent help in resolving a intricate bug in my project was truly an act of generosity and expertise. I found myself in a maze of challenges, with no apparent solution in sight. It was then that, like a true programming angel, you appeared and offered your assistance. Your ability to decipher and solve complex problems is simply remarkable. The issue related to the 'next-connect' module had me perplexed, and I was on the verge of giving up when you, with your experience and kindness, brought clarity and resolution to the situation. Your guidance not only fixed the problem but also enlightened my understanding of the project structure. I cannot fail to mention the patience and dedication you showed in explaining each step of the process. Your words were like a beacon in the darkness of technical confusion, guiding me to a clear and functional solution. I would like to express my sincere and deep appreciation for your willingness to help. Your contribution was invaluable, and I am truly grateful to have someone as skilled and generous as you in the development community. May your kindness and knowledge continue to light the way for many others, just as they did for me. Once again, thank you for being an amazing source of inspiration and assistance. With infinite gratitude, kralluz.

    • @kllz_03
      @kllz_03 5 місяців тому

      I spent hours trying to understand where the error was, read in some places possible solutions but found nothing, until I found your tutorial video, thank you so much!!!

    • @almabenavides8255
      @almabenavides8255 4 місяці тому

      @@kllz_03 Hi, how you were able to fix the [CLIENT_FETCH_ERROR] when add new address?

  • @gisssk9236
    @gisssk9236 5 місяців тому

    i got this issues following properties from type '(Document<unknown, {}, Users> & Users & { _id: ObjectId; })[]': length, pop, push, concat, and 29 more. 73 .mockImplementationOnce(() => Promise.resolve(mockUsers)); can anyone help me out please

    • @lautaro2484
      @lautaro2484 3 місяці тому

      Promise.resolve(mockUsers as any)

  • @gisssk9236
    @gisssk9236 5 місяців тому

    i got this ploblem [Nest] 19392 - 01/22/2024, 5:06:53 PM ERROR [ExceptionsHandler] Cannot read properties of undefined (reading '_id') TypeError: Cannot read properties of undefined (reading '_id') can enyone help me out this issues please

    • @Savangex
      @Savangex 5 місяців тому

      I have the same issue, have you found a solution yet?

    • @mokhlestarmiz743
      @mokhlestarmiz743 5 місяців тому

      @@Savangex same here :(

    • @phantazzor
      @phantazzor 15 днів тому

      the user is simply undefined

  • @franciscooteiza
    @franciscooteiza 5 місяців тому

    Ok? .... Ok! .... Ok

  • @sifenbeshada8416
    @sifenbeshada8416 6 місяців тому

    How to implement a role-based authorization

  • @pablovaldes2397
    @pablovaldes2397 6 місяців тому

    thank you good sir

  • @romanmed9035
    @romanmed9035 6 місяців тому

    it work on next 13.5?