Tech Used

I used Nextjs, Typescript, and TailwindCSS to make the majority of the site. I used Zustand since I wanted to share theme state globally so other page routes could access them. Using this theme state I was able to conditionally apply CSS classes to element blocks and create light, dark, and swag themes. For email sending I used Resend, so basically after configuring the DNS records on my website to use Resend I was able to make a POST api route so when the messages submitted from my form would be sent to me I'd catch the POST requests and then using Resend and email templates I was able to process the form data so I could receive the messages via my email. And to make sure the data I got from the contact form was more or less not random gibberish I used Zod with React Hook Form for form validation. But even with these precautions I've also rate limited the API route to send me emails, so a given user cannot send me more than 3 emails per 10 minutes based on their ip address. Furthermore I've added a toast (a brief message) when a user submits the form, if the submission is successful then they will be given a success toast, if they have been rate limited or encounter an error then they will be given an unsuccessful toast with the reason why.