Install & Configure Cloudinary in Next.js - Dev Hints

Transform and deliver with Cloudinary in any Next.js application with the Next Cloudinary.
We'll walk through how to install the Next Cloudinary from npm and configuring it with a Cloudinary account.
📝 Cloudinary Docs - Install Next Cloudinary
cld.media/devh...
🎬 Cloudinary Examples
github.com/clo...
Instructor: Colby Fayock (‪@colbyfayock‬)
--
Cloudinary helps developers build performant experiences for the web with powerful optimization and transformation APIs.
🚀 Get started with a free account!
cld.media/devh...
#cloudinary #devhints #nextjs #nextcloudinary #images #webdevelopment

[@jnem84]

How can I get autoPlay to work? I’ve added autoPlay=“always” but it still won’t play until I click on the video.

[@colbyfayock]

there might be a bug, would you mind filing an issue on GitHub with more info? github.com/colbyfayock/next-cloudinary/issues

[@colbyfayock]

hey actually realizing this is likely not a bug. do you have the `muted` prop also added? most browsers will not autoplay unless the video sound is turned off to avoid interrupting people browsing a site. so if you have it should work for you

[@connectingpeople902]

really useless video

[@colbyfayock]

why?

[@user-gf8nl9fg9p]

@@colbyfayock Because instead of leveraging the built-in Next-Image component you're providing a component that will end up costing us more credits/money

[@colbyfayock]

@@user-gf8nl9fg9pthe goal of the video is specifically how to install Cloudinary, as mentioned in the title. Cloudinary has a generous free tier before it's paid, much like the Next.js Image component which when deployed to vercel uses the Vercel optimization service which is free to start, but becomes similarly paid once you go past that free tier. For small projects, you may not have to pay with either.

[@bambiwulf3370]

to you