Dynamic Social Card Images in Next.js with Cloudinary
Add dynamic Open Graph images in a Next.js 13 app with Next Cloudinary.
We'll walk through using the getCldOgImageUrl function to easily generate a URL that we can configure with the Next.js App Router's Metadata API to set Open Graph images and see how we can dynamically generate them in a dynamic route.
https://next.cloudinary.dev/templates...
Code: https://github.com/colbyfayock/my-soc...
Demo: https://my-social-images.vercel.app/
YouTube: https://youtube.com/colbyfayock?sub_c...
Twitter: / colbyfayock
Twitch: / colbyfayock
Newsletter: https://www.colbyfayock.com/newsletter/
What I Use: https://www.colbyfayock.com/uses
#colbyfayock #nextjs #cloudinary #socialmediatips #nextjs13 #webdevelopment