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 🙌
Смотрите видео Next.js 13 & Dynamic Open Graph Image Generation 🚀🔴 LIVE Coding & Chill онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Johnny Magrippis 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 5,956 раз и оно понравилось 64 людям.