Create & Send Custom Emails with React Email & Resend

Build custom email templates using React and Typescript and send them using Resend.

🧰 Resources

#colbyfayock #reactjs #email #nextjs #resend #webdevelopment

[mylooooooooooo]

Colby, you might not believe it, but I gotta say, out of all the YouTubers teaching React, you're hands down the clearest and most concise! Keep doing your thing—I can definitely see you going far!

[zeno_rocha]

Hey everyone, Resend founder here. It was really nice to watch this video - you crushed it Colby!

Let me know if any of you have questions about Resend or React Email. Happy to answer them here :)

[Michael-Martell]

I’ve been fighting to pass data into it all day. Thanks so much I’d hug you in real life!

[username-tx]

Great tutorial, really appreciate it Colby!

[guillermo.avalos]

You don't really have to install the entire react-email app on every project. What I did was simply create a standalone implementation that I could use to understand how to design the templates, and later in my actual project I just install all the dependencies for the templates (Section, Text, and so on) along with resend (or the render function, if I needed a different email provider).

[heyitsjoshd]

I made an awesome email thanks to you!

[nazinhalira]

it was a perfect tutorial! I'm having problems to config resend, i was trying to learn but if i'm right, i only can send a e-mail if I config the domain and the DNS, so i cant practice without paying for a domain. But your tutorial is excelent!

[christiangonzalez]

Hi, great video, but one question. I'm trying to send emails to different email accounts, but it only allows me to send emails to the account I signed up with for Resend. Is a change required to send emails from production to any email account?

[MrManik]

Thanks for another great tutorial. How can I check anybody's reply of react email? as I don't have mail box.

[CRTechInformatica]

Button and Link not found in production, only dev get the click, cursor pointer

[pjborowiecki]

@colbyfayock Great video! Out of curiosity - if Resend is a paid service after a certain threshold, how would you protect yourself from malicious attempts of ramping up your bills by bots or someone inputing random emails in the form? How difficult would it be to build your own, free alternative to Resend? A tutorial on this would be SUPER COOL

[DonovanNagel]

Where are the email addresses of signups being stored? That wasn't mentioned.

[harshitvishwakarma]

I am trying to send email using resend in node js, but getting unable to verify leaf signature error even though I configured ssl certificates using openssl and also tried switching to https but not getting any changes. Please help 😢

[jampy]

Hey Colby, nice video, I've been trying react email and it's awesome, but for some reason I don't have autocomplete in the components props, do you have this issue too?

[kevinnorton]

Has anyone implemented ReCaptcha with sending emails in NextJs 13

[moussaabmoulim]

thanks for the video exactly what i needed
but how can you access env variables inside reactnail components

[jacquelynecarmen]

In this video you just create api endpoint in nextJS, but little bit confused my app totally front-end based no any backend for now i use emailJs to send emails can we used resend on client side without creating api endpoint just create function on clients and called that function on submit it will be worked?

[ritesh]

I am able to send mail to only one account with which I logged in resend. Why is this happening??

[damianalcalaylopez]

Hey Colby, thanks for the vid man!

Do you know how to attach a pdf or image file to the email?

[rbpolim]

Thanks for this Colby.
What is the name of your theme?