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

[@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

[@prathamkesarkar]

We need to support solo-preneurs

[@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!

[@user-bk3gr1nl2s]

Superb sir

[@user-df6lg1bs6n]

Great library, I will definitely use it

[@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!

[@fullstack-jack]

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

[@yannickleroy7419]

Clear explanation and very informative, thank you

[@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.

[@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 😆

[@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.

[@rogerstivencardonaarias]

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

[@ryuichimiyazaki5620]

How do you handle bounced emails?

[@renesenatech]

Which browser do you use? Nice content, congrats!

[@leo-phiponacci]

Arc browser

[@kishirisu1268]

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

[@mchirag82]

What's the vscode theme?

[@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

[@yvysunu]

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

[@harddak]

dreadful

[@Cyberfools]

lol