How to send emails using Next.js App Router and Server Actions

In this video, Zeno Rocha shows how to send an email using the Resend API with Next.js App Router and Server Actions.
[00:00:00] Intro
[00:00:33] Using App Router
[00:03:59] Adding React Email
[00:07:06] Using Server Actions
Get started → resend.com

[@vaichegodas]

we need a bigger web cam

[@CeezGeez]

yeah i'm still able to make out some of the code

[@mattiaborini8428]

unfortunately your face camera is covering a good part of the screen during code editing.. I suggest you fix that for the next ones

[@wealthiduwe2817]

Thanks Zeno, really insightful

[@subseven7476]

simple and straight to point, i love it

[@mathiasriissorensen6994]

I love that it was so simple and straight to the point.
Most people would also style the button and refactor everything into 17 different components and more. This was great. Thank you!

[@coddude3284]

that was smooth sir !😄

[@curtis3007]

Thanks Zeno! Great video showcasing how to use Resend with App Router and Next 14. Beyond that, this is a great explanation and example of using Server Actions!

[@user-df6lg1bs6n]

Great library, I will definitely use it

[@prathamkesarkar]

We need to support solo-preneurs

[@user-bk3gr1nl2s]

Superb sir

[@yannickleroy7419]

Clear explanation and very informative, thank you

[@fullstack-jack]

Love it so far. Feedback: Webcam takes up too much space lol.

[@holdthat4090]

What's the easiest way to setup a DNS record for literally my personal email address? I wana send react email emails to recipients from my own gmail. Good video.

[@WebDevNiko]

strugled quite abit making this server action work idk what is different but i had to mark both page component and send fuction with "use server" on top of the component(not on top of page)

[@nathanpotter1334]

Can you show an example of client and server components interacting? I was successful through the tutorial, however when trying to integrate into an exisiting collection of client components, I keep running into errors. Even have this issue when scoping seperate files and passing them in.

[@kishirisu1268]

Your API sending without any auth? So you do it this way on your job or it is just for dummies?

[@renesenatech]

Which browser do you use? Nice content, congrats!

[@leo-phiponacci]

Arc browser

[@ryuichimiyazaki5620]

How do you handle bounced emails?

[@yvysunu]

small recommendation for next videos, don't put yourself over the code 😅

[@codinginflow]

I use React-email for one of my side projects but all of my emails start with "header/>" and I have no idea why 😆

[@mchirag82]

What's the vscode theme?

[@rogerstivencardonaarias]

Does this work with JSX as well or only with Typescript?

[@NikolaFilipovski94]

Typescript = JavaScript, so yes it can work on jsx

[@demetrycode]

I'd love to use resend but waiting for verification of domain is killing me, why it takes so long

[@olaniranemmanuel2549]

Dont know why Resend and React page email isnt opening

[@madhen1459]

hey can you link the git repository, thank you

[@mehrunissapirwani2790]

when i am trying the route it is giving me data:null

[@kevinflabat4018]

check the logs in your resend account

[@harddak]

dreadful

[@Cyberfools]

lol