Next.js 13 & Dynamic Open Graph Image Generation 🚀🔴 LIVE Coding & Chill
Next.js just had another great conference, and introduced a bunch of new, interesting updates… so let’s have a look at how it is to create a brand new Next.js app nowadays!
With a particular view on the new “OG Image Generation” and the `@vercel/og` / `satori` packages, given we were doing Dynamic Social Preview Images in the past few streams!
— COMMUNITY —
New DISCORD SERVER for us 😱: [ / discord ]( / discord )
— 🥳🥳🥳 —
— Agenda —
[ ] Next.js 13??? What are we doing today?
[ ] More features for better SEO / Conversions
[ ] A new Next.js app `with npx create-next-app@latest --typescript`
[ ] Turboback, other templates, and conventions I like
[ ] OG Image Generation with `@vercel/og`: https://nextjs.org/blog/next-13#og-im...
[ ] Can we just use `satori` in our SvelteKit app???
[ ] New way to do automatic font optimization with `@next/font`
[ ] New way to do Images with `next/image`!
[ ] Layouts overview, streaming data & loading states
[ ] Next.js vs SvelteKit? When do I go for Next.js?
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
— SUPPORT —
Introducing YouTube Memberships 🤯: / jmagrippis
This channel is all about me burning personal time and money, hoping to make tech a bit less intimidating and a bit more fun 😄 And I’m loving it! But how far can we take it with community support?
Commissioned pieces from actual designers and collabs with other experts? Mr. Beast-style challenges and giveaways that will put Google’s prizes to shame??? Support and let’s find out together 🙌
Do note, people watching and finding my content useful, is all the support I need to keep going... so no pressure whatsoever to go above and beyond!
— 🙌🙌🙌 —
— Highlighted software —
Next.js: https://nextjs.org/
React: https://reactjs.org/
My own website: https://magrippis.com/
Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉: / discord
Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌
Watch video Next.js 13 & Dynamic Open Graph Image Generation 🚀🔴 LIVE Coding & Chill online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,956 once and liked it 64 people.