Email Countdown Timer Image with JavaScript

Learn how to add countdown timer to emails using Next.js API Routes and Cloudinary's image API.
We'll walk through how to send a Cloudinary image with React Email, how to add text and dynamically generate an image with Cloudinary, use a Next.js serverless API Route to generate the image from an email, and configure response headers to avoid Gmail and other email clients from caching the image response.
🧰 Resources
Code: github.com/col...
Demo: my-email-timer...
📺 CZcams: czcams.com/users/co...
🐦 Twitter: / colbyfayock
📹 Twitch: / colbyfayock
✉️ Newsletter: www.colbyfayoc...
🎥 What I Use: www.colbyfayoc...
#colbyfayock #nextjs #cloudinary #emailmarketing #countdowntimer #webdevelopment

[@colbyfayock]

Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course

[@deeecode]

Learnt a couple tips from here. Didn't know that was how Gmail caching works

[@colbyfayock]

awesome! happy to hear that 🙌 its a tricky one

[@gonzalovolonterio4991]

really good tutorial I learn a lot off you thks mate

[@colbyfayock]

thank you! glad you found it helpful :)

[@colbyfayock]

Get fresh tutorials and other free content straight to your inbox! colbyfayock.com/news

[@Cloudinary]

Excellent work, Colby!

[@jawyor-k3t]

This is so cool

[@colbyfayock]

thank you!

[@KyTechInc]

Great video! Definitely some techniques here that will help me build a similar email send function but I want to grab new posts from a blog CMS and send a newsletter. I had been struggling with how to grab that data and pass it to the react-email template since there are awaits and async actions happening that react-email can't handle but I think your approach of using an API route might work the better!

[@colbyfayock]

glad it helped! 🙌

[@jesusrafaelnavacruz9777]

Could this work, for a timer of days, hours and minutes? and change it dynamically, like the CounterDown Email timers do?

[@colbyfayock]

Do you mean like my video but with minutes? Yeah. It just becomes less practical for how often the cache is available

[@rafaelnava1659]

I loved your video, and I could make my own example, but I would like to know what I could do, so that the countdown is still visualindysin having to go in and out of the mail

[@colbyfayock]

@@rafaelnava1659 hey thanks, can you clarify the question? not sure what you mean by the last part