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-s...

💾 Code
https://github.com/colbyfayock/my-ema...

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

🐦 Get updates straight to your Twitter @colbyfayock
  / colbyfayock  

📸 Catch the next stream live on Twitch @colbyfayock
  / 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-...

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

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

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