10 minutes | Complete Setup with Next.js, Resend, React-Email, Custom Domain

[@codery01]

Hello. Good day! does the react-email needs to be always running to be able to use the email template that will be send ?

[@DailyWebCoding]

No you don’t have to

[@phonebach]

To the point keep it up bro 💖

[@codewithguillaume]

Amazing video man !

[@rishiraj2548]

👍

[@DailyWebCoding]

Appreciate it! 🫡😍

[@matucho01]

Excellent content! It works locally but, can you give me a few tips to deploy this in a production environment? Like to upload the project to Vercel.

[@revaprasetya]

Wow, nice tutorial bro, thanks

[@DailyWebCoding]

Glad you liked it

[@aryaadinulfadlan8998]

amazing video, but how to use local image as a logo ? tried this approach, but it didn't work: src="../public/logo.png" src="/logo.png"

[@piratestuart2917]

me too

[@salmanalfarisi5907]

put your images at /static, then load it via url = localhost:3000/static/image.png

[@mrcomputer2007]

The best

[@firebout7675]

How to use your gmail id instead of custom domain? Like we use to do using nodemailer ??

[@DailyWebCoding]

I don’t think resend support this feature

[@criteria6972]

Have you tried uploading this project on vercel and attempt to send the emails? For some reason it only works locally and not in production. I also added all my Environment Variables to vercel as well. It says the email is successful but the email is never received.

[@nomxxn]

Check your “sent” from the email it’s being sent from to see if it’s actually being sent then try to use a temp email service to see if it works For some reason once I used the temp email service, it started working, I can’t tell you how but it did

[@mascanho]

great stuff. What font are you using?

[@DailyWebCoding]

I am using dank mono

[@rafaeldossantosbarros509]

How to add a photo to the sending email?

[@idevbrandon2047]

Thank you!

[@jorgewilliam5544]

This video save lifes💯💥💥

[@zillboy]

Hi, this is such a valuable video however I have a questions Can you please tell if I host on Vercel and use the domain for sending email from *namecheap* is that going to work, thanks

[@dr.dark.flames]

when im running email dev its saying that there is no app directory or pages under project root but there is and my app is working normally..

[@DailyWebCoding]

I am not sure about your error. Are you setup on your own? Maybe try to clone my project here: github.com/Chensokheng/next-email. try to run it and see what is the difference and try to fix it later.

[@dr.dark.flames]

@DailyWebCoding i have my own nextapp that i just built using the npx creat app And everything working. I copied ur steps and add an emails folder inside the src folder and a template inside it I downloaded the packages and i added the script and it would say error missing ./emails folder

[@dr.dark.flames]

I tried raising the folder up next to the public folder level and then it would give me an error: no app or pages directory found

[@DailyWebCoding]

@@dr.dark.flames you can check this one github.com/Chensokheng/demo-email

[@dr.dark.flames]

@@DailyWebCoding i found the error..it works with npm but not pnpm...do u know the solution?

[@hollycow8171]

11:32 How to rate limit user in a open form like a website contact form 😮

[@vilasmankar6958]

bro it got almost 2 days still my domain is not verified..please tell me what to do... please

[@DailyWebCoding]

It is okay now ?

[@vilasmankar6958]

@@DailyWebCoding yes bro

[@DailyWebCoding]

@@vilasmankar6958 Glad to hear that

[@jozef_dev]

very good bro

[@DailyWebCoding]

Thanks

[@rogerstivencardonaarias]

Any way you can explain how it works with JSX instead of TSX? None of these is working for me even when I try to convert the code to JSX still not success.

[@user-ko7zx5um2m]

Great video as always... is it possible to create templates for the authentication emails (confirm signup, etc.) of Supabase using react-email? Currently, template editing is limited to some extent in the Supabase backend.

[@DailyWebCoding]

Yes you can do that. Supabase has a admin client that you can used to generate link for signup. Checkout here: supabase.com/docs/reference/javascript/auth-admin-generatelink. So all you need to do is pass this link as a props to your template

[@user-ko7zx5um2m]

@@DailyWebCoding It would be great if you could implement react-email with one of your coming supabase apps to see best practise. :)

[@shadiomar9184]

Can't we call send email from client-side directly without api route ?

[@DailyWebCoding]

If you don’t want to have API, you can call from client component to server component(handle send email). You should not call from client component because you will leak API key.

[@shadiomar9184]

@@DailyWebCoding even if I send all required credentials via headers for instance ?

[@hollycow8171]

​@@shadiomar9184 always process critical data in server only. best practise.

[@taldr27]

Is it possible to use the vercel free domain? I'm just making a personal project.

[@Lvzck]

no

[@ayukalvieri3154]

How do we get a response if the email is not sent, or if the user email doesn't exist

[@calmmind3160]

in resend ui

[@rosaaeri4639]

I use vite react but I can't do it please help me I have the errors

[@hollycow8171]

1:29 why not use npm run dev? 🤔

[@VaibhavSonawane-dv4wi]

"npm run email" - Used to run email service "npm run dev" - Used to run next app both needs to be run simultaneously for sending emails.

[@wellbell23]

and what if we do not have any domain?

[@DailyWebCoding]

You can use resend domain to test but you should have domain for production

[@sushilkumar-to3oo]

You will be only able to get otp on your registered email that loged in with

[@vilasmankar6958]

Bro usually how many time it takes to verify the domain please reply

[@DailyWebCoding]

It could be one-two days

[@vilasmankar6958]

@@DailyWebCoding how many time did..your domain took to verify?

[@DailyWebCoding]

Around 2days

[@vilasmankar6958]

@@DailyWebCoding bro I saw many of youtubers.. got verified their domain in 15 mins...

[@vilasmankar6958]

@@DailyWebCoding bro i saw many youtubers got their domain verified in 15 mins...

[@hollycow8171]

10:13 my domain is alreay using microsoft 360 email. can we still use resend?

[@hollycow8171]

ha i got it from their doc. use a subdomain to avoid conflicts. 👍

[@yasingunaydiin]

Great! Except that you didnt show us how to integrate this into our existing website so this tutorial is nothing for me and thousands of other new people.