How to Send Emails with Next JS and Nodemailer

Just Awesome

Great explanation! Straight to the point.

awesome job but, thanks a lot

I don't want to let user type email, I want to get their email automatically and then send mail by that email, so user get scared from spamming mail
bcz I am using this form for my own portfolio website but user may spam mail me as its not his/her mail

Thanks for your great explanation, i would like to ask can i adapt this approach in my project for sending email notification within my workplace for workflow tasks such as approval email notifications when a new request has created by employees ? regards

This is not working on nextjs 13. latest version. Please help

it's not working in production

Hey!
Error: fs not found from node_modules folder of node mailer
tell me the sulotion

it was fun making this work on next.js 13, lot of new things i learn within 2 hour it take for me to finish it. thanks bro

thanks a lot:)

thanks man

Why is nodemailer not sending the email when deploying on Vercel?

great

Bravo!

Very good

everything works perfectly fine, just a question, is this api/contact public for everyone when we host it? Is there a risk of this data being leaked?

Dude you're great. This helped me a lot❤❤❤❤

It sends message undefined undefined to my gmail..how do I fix this?

Thank you so much for sharing your experience, Sir.

Thank you! It worked but HOW do you set up where the sender displays their name in the email and not the "Me" Email?

Thank you, any possibility of a follow up to this video, migrating to the Nextjs 13 App directory? I am having an absolutely impossible time trying to implement the teachings of this video to their new system of API usage. Much, much appreciated.

for me, it doesn't work and I don't know why. l receive the message " Failed to send message" also I receive the next Error: Missing credentials for "PLAIN"

Awesome video, my guy. You the man!!!! Keep em coming

Hi Onelight! I like your solution since I was trying to get a functionality like this using services like sendgrid but all of these require you to have a private email domain which I can't affort right now.

But I do have a question, I implemented your solution almost identically to yours with almost the same validations: isn't it kind of a vulnerability that an user can spam the send button or creating a script to completely flood your inbox? If that's the case, what can I do to prevent that from happening?

Thank you so much! you save my life!

if I want to change "from" and "to" for differnet mail then this EMAIL_PASS pin is needed for both mail ?? how can i do that?

keep getting an ERR_ABORTED 405 (Method not allowed) following this tutourial

Great tutorial. One question though. I would like to send the automated confirmation email to the client, rather than to myself. How do you adjust the mailOptions function to allow this? Thanks in advance

Could you make a version of this video that does not rely upon chakara?

Thank you so much, your video helped me a lot

Hey, can you update in the comment section for other that in order to find google app password you need to go in 2 STEP verification section and scroll down at the bottom to add an app password, google doesn't like to us to use this because, of "security" reason, for which is understandable if it badly managed.

It took me a little time to find out in all the options that "app password"

search on the internet aren't helpfull about it.


Thanks in advance.
Edited: => I've just completed, work like a charm, thanks, I'm just a little bit worry about security issues via production build.

Greate tutorial! How did you solve the problem of sending a message from Vercel hosting?

I followed this video verbatim and it works flawlessly. Well, I adapted it a bit to use TailwindCSS for the contact form but still works great... locally. When I push to my production deployment on Vercel and test it live, it does not work. I added the environment variables (EMAIL & EMAIL_PASS) to Vercel settings thinking that was the issue, but still no fix. Can anybody help me with this? Does anybody have similar issues?

EDIT: Needed to perform a new deployment after adding Envrionment Variables to Vercel in order to update the site with the variables. Ran a test and it works!! Thank you!

Thank you so much for this. Was bashing my head against a wall trying to figure out how to send an email without using a paid service. What I'm wondering now is how, whoever submitted the form, they get a confirmation email as well.

Good job, but I need help if you can. I want to use this form to send email with attachment or embedded image. Nodemailer has an example for it but that example uses locally stored images which is not what I need. I need user to be able to upload picture and send it to email. Please give me some guidance.

As far as I could tell, gmail does not support media queries

Awesome tutorial!! Well explained and you saved me hours for implementing a email handler!!

How can I fixed this? thanks

I am getting this error : Error: self signed certificate in certificate chain
at TLSSocket.onConnectSecure (_tls_wrap.js:1514:34)
at TLSSocket.emit (events.js:375:28)
at TLSSocket._finishInit (_tls_wrap.js:936:8)
at TLSWrap.ssl.onhandshakedone (_tls_wrap.js:708:12) {
code: 'ESOCKET',
command: 'CONN'
}

Super helpful, thank you very much. Keep up the good work!

Great video

Man thanks a lot..... I was struggling with OAuth2 Client (it worked in development but never in production) since 2 days. And this video saved me. Thank you :))

Very helpful. Subbed. Thank you.

Hello I´m getting
Error: self-signed certificate in certificate chain
at TLSSocket.onConnectSecure (node:_tls_wrap:1538:34)
at TLSSocket.emit (node:events:513:28)
at TLSSocket._finishInit (node:_tls_wrap:952:8)
at ssl.onhandshakedone (node:_tls_wrap:733:12) {
code: 'ESOCKET',
command: 'CONN'

Thank you for create amazing clearly tutorial. So helpful for me.

didn't work for me, Getting this Error Error: Missing credentials for "PLAIN". Please help

thx u a lot man for such awesome tutorial

Thank you for the tutorial! I got everything working until the very end. The contact form works on my localhost but not on my deployment link with Vercel. I keep getting "Failed to send message" using my deployment link. Any idea why?

Perfectly explained and definetely a huge help on my learning journey as a developer, Thank You!!