(Technical) Sending Emails With React, Tailwind CSS and AWS SES
Read on to find out how to find out emails using AWS SES and design them in React and Tailwind CSS using jsx-email.
Read on to find out how to find out emails using AWS SES and design them in React and Tailwind CSS using jsx-email.
Prerequisites for this are setting up a verified identity in SES. If you're allergic to the AWS console, I can say it was actually less painful than expected, we did it both in namecheap and with Route53 and it didn't take that long.
First off we need to setup the AWS SES client.
Next head over to the jsx-email quick start: https://jsx.email/docs/quick-start
Once you have that done lets create a wrapper function to cutdown on the pain of sending an email elsewhere in our code.
Next we're going to create a reusable template for our emails.
This allows us to cut down on the boilerplate for sending multiple emails by passing in the actual email content as children.
Heres a preview of what that looks like:
With that we're good to go to send an email using SES! Putting it all together looks like like this:
and thats all we've got for you today 🤘
We hope you found this useful. Please consider reading more about Opinly and what we do here: