How I Dynamically Generate Images with JavaScript, Next.js, and Cloudinary
Don't waste time manually creating images! Instead, you can use your programming skills and an amazing service called Cloudinary to do it for you! In this video, I show you how I use Cloudinary and Next.js to dynamically generate promotional images for my podcast, Compressed.fm.
We'll create a new Next.js project and an API endpoint that will generate the images for us!
Sign up for a FREE Cloudinary account - https://cld.media/jqqcoverimages
00:00 - Intro
00:30 - What We'll Build and Sponsor Intro (Cloudinary)
02:15 - Next.js Project Setup
03:20 - Creating a Next.js API Endpoint
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
32:10 - Detailed Setup with Sanity.io, Cloudinary, and Next.js
34:00 - Automatically Generate Waveform Images
35:00 - Image Optimizations with Cloudinary
37:45 - Wrap Up
STAY IN TOUCH ?
Check out the Podcast - compressed.fm
Newsletter ? - https://www.jamesqquick.com/newsletter
Live streams on Twitch ?️ - https://twitch.tv/jamesqquick
Follow me on Twitter ? - https://www.twitter.com/jamesqquick
QUESTIONS...?
Join the Discord Server ? - https://discord.gg/vM2bagU
Want to know what hardware and software I use? https://www.jamesqquick.com/uses
Learn Web Development ? - https://www.jamesqquick.com/courses
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «How I Dynamically Generate Images with JavaScript, Next.js, and Cloudinary», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.