Send Emails with SendGrid & Next.js Serverless Functions - Contact Form Tutorial

Learn how to programmatically send emails from serverless functions with SendGrid and Next.js.

🧐 What's Inside
00:00 Intro to sending emails with SendGrid and Next.js Serverless Functions
00:10 Tools we're using like SendGrid and Next.js API Routes
00:49 Creating a new Next.js app with Create Next App
01:26 Setting up and styling a basic contact form with React in Next.js
03:21 Capturing form submissions events and data in React with onSubmit
05:56 Adding a new Next.js API route to POST contact form data to
08:42 Configuring custom domain authentication in SendGrid
10:26 Installing CNAME DNS records for SendGrid in Google Domains
12:19 Creating a SendGrid API key and adding it as a Next.js environment variable
13:59 Installing SendGrid mail SDK to programmatically send emails
17:43 Outro

🗒️ Read More
https://spacejelly.dev/posts/how-to-send-emails-with-sendgrid-and-next-js-serverless-functions-for-a-contact-form/

🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1

🐦 Get updates straight to your Twitter @colbyfayock
https://twitter.com/colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock
https://twitch.tv/colbyfayock

✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/

💝 Sponsor me for more free content like this!
https://github.com/sponsors/colbyfayock

👨‍🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com

🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use

🧰 More Resources

SendGrid
https://sendgrid.com/

SendGrid Mail API
https://github.com/sendgrid/sendgrid-nodejs/tree/main/packages/mail

Next.js API Routes
https://nextjs.org/docs/api-routes/introduction

🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/soundroll/forgotten
License code: BMTJ9FUGLPQDAJDQ

#colbyfayock #sendgrid #nextjs #email #serverless #apis #webdevelopment

Видео Send Emails with SendGrid & Next.js Serverless Functions - Contact Form Tutorial канала Colby Fayock