Prismic | Lazy Load Your YouTube Embeds @Prismic | Uploaded June 2022 | Updated October 2024, 2 hours ago.
We walk through creating a React component in Next.js that makes your YouTube embeds lighter, load only what's needed, and styled to match the rest of your site.

Code demo - github.com/a-trost/fableton
CSS Tricks article for different method - css-tricks.com/lazy-load-embedded-youtube-videos

---

As a developer, you should build websites using your favorite Jamstack framework.
Prismic allows you to build website sections, that you can connect to a website builder for your client or team. They will create pages from there and you get that content back to your code through our fast API.

► [Tutorial] Build a full website with Next.js 13, Prismic, Tailwind and Typescript:
youtu.be/nfZu56KsK_Q

► [Tutorial] Build a full website with Nuxt 3 and Prismic's new Page Builder:
youtu.be/8GmfcbuYOWE

► [Starters] Try Slice Machine on Nuxt: prismic.club/nuxt-starters

► [Starters] Try Slice Machine on Next.js: prismic.club/nextjs-starters

► [Learn more about Slice Machine]: prismic.club/slice-machine

---

► Find us also on:
Twitter: twitter.com/prismicio
Instagram: instagram.com/prismicio
LinkedIn: linkedin.com/company/prismic-io

► [Who are we?] : Prismic is a headless Website Builder, for Next.js and Nuxt.js developers.

---