Next.js - Programmatically Generate Images (using Edge Functions)
Next.js api routes are perfect place to generate your OG (Open Graph) social card images. Or any other image for that matter. With @VercelHQ 's new @vercel/og package you can generate dynamic images from HTML & CSS on the edge. Since the generation happens on the edge, it will also be super fast! In this video we take a look on what the @vercel/og is all about and test it out with couple of examples. Can't wait for the Next.js conf later this month!
Learn Programming (Skillshare FREE trial): https://skl.sh/3cYxUP5
My courses:
React basics: https://skl.sh/2XAKn7u
HTML & CSS for beginners: https://skl.sh/34wvGUH
Draft.js basics: https://skl.sh/3cJ5Hw4
💻 MY GEAR
MY CODIGN LAPTOP: https://amzn.to/3pEQTHq
MY MOUSE: https://amzn.to/3cbdvMD
MY KEYBOARD: https://amzn.to/3dSKQMR
MY MICROPHONE: https://amzn.to/3Ck9jVo
MICROPHONE BOOSTER: https://amzn.to/3R4oplQ
MY MICROPHONE ARM: https://amzn.to/3QTAevg
MY CAMERA: https://amzn.to/3wpw5aq
MY STREAMING LIGHT: https://amzn.to/3cbZBtp
Connect with me:
Website: https://tuomokankaanpaa.com
My newsletter: https://tuomokankaanpaa.com/newsletter
Twitter: / tumee
Skillshare: https://www.skillshare.com/r/user/tume
#nextjs #edgefunctions #jamstack
On this page of the site you can watch the video online Next.js - Programmatically Generate Images (using Edge Functions) with a duration of hours minute second in good quality, which was uploaded by the user Tuomo Kankaanpää 21 October 2022, share the link with friends and acquaintances, this video has already been watched 3,596 times on youtube and it was liked by 88 viewers. Enjoy your viewing!
