Next.js 13 Dynamic Open Graph Image Generation

Veröffentlicht am: 30 Oktober 2022
auf dem Kanal: 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!

Auf dieser Seite können Sie das Online-Video Next.js 13 Dynamic Open Graph Image Generation mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer For Those Who Code 30 Oktober 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 5,307 Mal angesehen und es wurde von 82 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!