10 minutes | Complete Setup with Next.js, Resend, React-Email, Custom Domain
Рет қаралды 12,067
5 ай бұрынIn this video I am going to show you how to send email with next.js using Resend and React-Email in just 10 minutes.
- code: github.com/Chensokheng/next-e...
- react.email/
- resend.com/
Support the channel : 🙏🌸
- donate 🌻: / dailywebcoding
Follow me: 👇
- Discord: / discord
- Github: github.com/Chensokheng
@codery01 5 ай бұрын
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 5 ай бұрын
No you don’t have to
@codewithguillaume 5 ай бұрын
Amazing video man !
@rishiraj2548 5 ай бұрын
👍
@DailyWebCoding 5 ай бұрын
Appreciate it! 🫡😍
@matucho01 3 ай бұрын
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.
@jorgewilliam5544 Ай бұрын
This video save lifes💯💥💥
@jozef_dev 5 ай бұрын
very good bro
@DailyWebCoding 5 ай бұрын
Thanks
@mascanho 5 ай бұрын
great stuff. What font are you using?
@DailyWebCoding 5 ай бұрын
I am using dank mono
@user-ko7zx5um2m 5 ай бұрын
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 5 ай бұрын
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 5 ай бұрын
@@DailyWebCoding It would be great if you could implement react-email with one of your coming supabase apps to see best practise. :)
@ayukalvieri3154 2 ай бұрын
How do we get a response if the email is not sent, or if the user email doesn't exist
@aryaadinulfadlan8998 3 ай бұрын
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"
@criteria6972 3 ай бұрын
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 3 ай бұрын
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
@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.
@rafaeldossantosbarros509 4 ай бұрын
How to add a photo to the sending email?
@hollycow8171 2 ай бұрын
11:32 How to rate limit user in a open form like a website contact form 😮
@shadiomar9184 3 ай бұрын
Can't we call send email from client-side directly without api route ?
@DailyWebCoding 3 ай бұрын
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 3 ай бұрын
@@DailyWebCoding even if I send all required credentials via headers for instance ?
@hollycow8171 2 ай бұрын
@@shadiomar9184 always process critical data in server only. best practise.
@vilasmankar6958 4 ай бұрын
bro it got almost 2 days still my domain is not verified..please tell me what to do... please
@DailyWebCoding 4 ай бұрын
It is okay now ?
@vilasmankar6958 4 ай бұрын
@@DailyWebCoding yes bro
@DailyWebCoding 4 ай бұрын
@@vilasmankar6958 Glad to hear that
@wellbell23 3 ай бұрын
and what if we do not have any domain?
@DailyWebCoding 3 ай бұрын
You can use resend domain to test but you should have domain for production
@vilasmankar6958 4 ай бұрын
Bro usually how many time it takes to verify the domain please reply
@DailyWebCoding 4 ай бұрын
It could be one-two days
@vilasmankar6958 4 ай бұрын
@@DailyWebCoding how many time did..your domain took to verify?
@DailyWebCoding 4 ай бұрын
Around 2days
@vilasmankar6958 4 ай бұрын
@@DailyWebCoding bro I saw many of youtubers.. got verified their domain in 15 mins...
@vilasmankar6958 4 ай бұрын
@@DailyWebCoding bro i saw many youtubers got their domain verified in 15 mins...
@dr.dark.flames 5 ай бұрын
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 5 ай бұрын
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 5 ай бұрын
@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 5 ай бұрын
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 5 ай бұрын
@@dr.dark.flames you can check this one github.com/Chensokheng/demo-email
@dr.dark.flames 5 ай бұрын
@@DailyWebCoding i found the error..it works with npm but not pnpm...do u know the solution?
@hollycow8171 2 ай бұрын
1:29 why not use npm run dev? 🤔
@VaibhavSonawane-dv4wi 25 күн бұрын
"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.
@hollycow8171 2 ай бұрын
10:13 my domain is alreay using microsoft 360 email. can we still use resend?
@hollycow8171 2 ай бұрын
ha i got it from their doc. use a subdomain to avoid conflicts. 👍
Tips Workshop
Рет қаралды 17 МЛН
ZestMade
Рет қаралды 2,9 М.