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
Sur cette page du site, vous pouvez voir la vidéo en ligne Next.js - Programmatically Generate Images (using Edge Functions) durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Tuomo Kankaanpää 21 octobre 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 3,596 fois et il a aimé 88 téléspectateurs. Bon visionnage!
