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 😱: [https://discord.gg/eR5Q52Sfm3](https://discord.gg/eR5Q52Sfm3) — 🥳🥳🥳 — — 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-image-generation [ ] 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 🤯: https://www.youtube.com/c/jmagrippis/join 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 😉: https://discord.gg/eR5Q52Sfm3 Between the comment section and the socials, let me know **somewhere** what you’d like me to cover next 🙌