Recipes: Next.js embed youtube video - next

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.

Just add an iframe, done

<iframe
  className='w-full aspect-video self-stretch md:min-h-96'
  src='https://www.youtube.com/embed/<video_id>'
  title='My cool video'
  aria-hidden='true'
/>

Lessons in this unit:

0: Introduction
1: Using the router to detect the active link in Next.js
2: Next.js Email Authentication using NextAuth
3: ▶︎ Next.js embed youtube video - next
4: How to force a page refresh in Next.js
5: How to add Google Analytics 4 to Next.js
6: Next.js, how to open a link in a new window
7: How to parse Markdown in Next.js
8: How to add ReCaptcha to a Next.js form
9: How to upload files in a Next.js form