How I Dynamically Generate Images with JavaScript, Next.js, and Cloudinary

00:00 - Intro
00:30 - What We'll Build and Sponsor Intro (Cloudinary)
04:50 - Testing Endpoint with RapidAPI Client Extension in VS Code
06:00 - Working with Cloudinary (install and setup)
07:00 - Cloudinary Setup and API Keys
09:40 - Creating the Image Generator Function
13:00 - Generating Text Transformations
16:30 - Image Overlay Transformation
21:30 - More Text Transformations
25:00 - Programmatically Uploading Images
34:00 - Automatically Generate Waveform Images
35:00 - Image Optimizations with Cloudinary
37:45 - Wrap Up

STAY IN TOUCH 👋

QUESTIONS...?

[iFunkMasterJ]

This is awesome! I'm sure WesBos had a similar setup some time ago but this seems a lot smoother in creating. More of this please!

[galaxies_dev]

Feel like I should really check out Cloudinary soon.. thanks for the video James 👏

[mrfeli]

How to avoid image duplication ? For example if I send an image that already exist in Cloudinary, I would like to be notified in the request's response.

[priya-ttd]

Thanks for the video

Anything on rules engine in typescript or Javascript would be very much useful

[Learnwithjoseph]

never knew that my cloudinary account could do more with nextjs

[punithraj]

Does astro support edge middleware like next js ?

[backendfyi]

Good tutorial, really did help me today! You didn't talk about how to implement the function for number of lines issue

[mariafetutorsantavlogs]

First name and last name I'm here idol take care to all there