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

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


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:

What is Opinly?
In the dynamic world of online business, understanding your competitors is not just a strategy; it’s a necessity. However, competitor analysis can often be time-consuming and data-heavy, especially for small and medium-sized enterprises (SMEs)