VideoCard

Domain

Thumbnail card for a video: 16:9 image, duration overlay, title, channel, and view count.

Published with thumbnail

Preview
Next.js 16 App Router — Complete Beginner Guide1:04:02

Next.js 16 App Router — Complete Beginner Guide

CodeWithAlex
128.4K views3w ago
Code
<VideoCard video={video} href="/videos/slug" />

Draft, no thumbnail

Preview
1:31:00
Draft

Building a Full-Stack App with Prisma and tRPC

CodeWithAlex
0 views
Code
<VideoCard video={{ ...video, status: 'DRAFT', thumbnailUrl: undefined }} />
Sourcemodules/domains/media/video/VideoCard.tsx