Build a contact form and send an email with React + Next.js (End-To-End!)

preview_player
Показать описание
Follow along and build a contact form that lets you send the information anywhere! This uses Mailgun for email, but you can send a Slack or Discord notification, SMS message, or even make a phone call!

🛠 Let's Build 🛠
Build cool software END-TO-END and learn how to ship code faster. We build crazy things weekly and get to a shippable product within minutes.

Learn how to start from scratch and iterate. Build quickly and then refine. And then... gold-plate the SHIT out of it for fun.

🔖 Chapters 🔖
00:00 - Intro
00:39 - Design
03:47 - Development
26:57 - Refinement
38:01 - Gold Plate
43:00 - Outro

📜 Code 📜

📚 Resources 📚

👨🏼‍💻 About Me 👨🏼‍💻
I am a principal software engineer and architect who loves building cool cloud software.

Рекомендации по теме
Комментарии
Автор

Thank you so much, I am a new dev and am trying to get a newsletter down and couldnt find much support with axios and other next tools and didnt really feel like reading docs. Your video broke it down a lot and explained it xtremely well. Good luck out there

spongebobhr
Автор

Very nice tutorial! I did almost the same thing, but instead I used resend to send the emails. By the way, you're so fast using VIM. do you have any tutorial about how do you configured it?

gubmx
Автор

I hope you get a gold plated YouTube logo one day

fujisan
Автор

So much fun 😀 - Can you update for the new NextJS 13?

davidfeldt
Автор

but this is basically me messaging me ?
when I check who sent the email it is the user we entered so how can random people mail me for my portfolio website?

wolfie
Автор

do you think also implementing a google captcha is useful when using services like mailgun? or is it not really necessary?

fmentz
Автор

Great vid. Confetti made it all the better!

xTRellyx
Автор

Thanks Ethan very much for your great session, i would like to ask if i would like to use Swagger openAPI in this session, is it possible? if yes which part should i replace it with swagger? i got a bit confused about swagger usage and how can i fit it inside my form ! thank you

ahmedhassaballa
Автор

Thank you. What about sending an email to all who signed up?

lightninginmyhands
Автор

Please Create a video of Creating Blog site. I your own one really good one.

Amelias_Vibe
Автор

Hey! I made it close to the end but the only step that isn't working for me is the actual sending of the email:

Error sending email: [Error: Unauthorized] {
status: 401,
details: 'Forbidden',
type: 'MailgunAPIError'
}

aadargupta