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
Nesta página do site você pode assistir ao vídeo on-line Next.js - Programmatically Generate Images (using Edge Functions) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Tuomo Kankaanpää 21 Outubro 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 3,596 vezes e gostou 88 espectadores. Boa visualização!
