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
Auf dieser Seite können Sie das Online-Video Next.js - Programmatically Generate Images (using Edge Functions) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Tuomo Kankaanpää 21 Oktober 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,596 Mal angesehen und es wurde von 88 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
