Next.js 13 Dynamic Open Graph Image Generation

Publié le: 30 octobre 2022
sur la chaîne: For Those Who Code

5,307

Here we will be covering how can we use the latest Nextjs v13 with Typescript to create dynamic and static images using Vercel edge functions. These edge functions are used to create static and dynamic fully scalable images i.e SVG.

So, let's make it together. 💣

🙏 Click to Support me 👇🏼 👇🏼

/ @forthosewhocode

—

⏳ Timeline

OpenGraph 02:43
Edge functions 05:27
What are we building 10:16
Generating a Static image 20:28
Generating a Dynamic Image 20:47
Conclusion 25:00

—

📝 Nextjs official site: https://nextjs.org/

📝 Edge functions: https://vercel.com/docs/concepts/func...

📝 OG image library: https://vercel.com/docs/concepts/func...

📝 Code repository: https://github.com/ishan-is-me/ogimag...

—

🙏 Please like, share, and follow for more awesomeness coming 🙏

⌨️ Happy Coding!

Sur cette page du site, vous pouvez voir la vidéo en ligne Next.js 13 Dynamic Open Graph Image Generation durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur For Those Who Code 30 octobre 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 5,307 fois et il a aimé 82 téléspectateurs. Bon visionnage!

39,707

511