Build an Image Gallery with Next.js 13

by Net Ninja · 10 videos

Total watch time

2h 38m

at speed · exactly 2 hours, 38 minutes, 25 seconds at 1×

2h 38m 25s
1.25×2h 6m 44s
1.5×1h 45m 37s
1.75×1h 30m 31s
1h 19m 13s
Average video15m 51s
Longest36m 55s
Shortest6m 46s
Compare Open on YouTube JSON

Plan to finish

About 3 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 3 days. Turn on JavaScript to plan around your week.

Videos (10)

2h 38m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 Build an Image Gallery with Next.js 13 #1 - Introduction 8:41 2023-08-28
2 Build an Image Gallery with Next.js 13 #2 - Pexels API 6:46 2023-08-29
3 Build an Image Gallery with Next.js 13 #3 - Zod Data Schemas 11:03 2023-08-30
4 Build an Image Gallery with Next.js 13 #4 - Fetching Images 21:03 2023-08-31
5 Build an Image Gallery with Next.js 13 #5 - Remote Images 9:36 2023-09-01
6 Build an Image Gallery with Next.js 13 #6 - Responsive Image Optimization 9:44 2023-09-04
7 Build an Image Gallery with Next.js 13 #7 - Placeholder 20:13 2023-09-05
8 Build an Image Gallery with Next.js 13 #8 - Search Images 22:56 2023-09-06
9 Build an Image Gallery with Next.js 13 #9 - Image Grid with Tailwind 11:28 2023-09-07
10 Build an Image Gallery with Next.js 13 #10 - Image Gallery Pagination 36:55 2023-09-08

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 2h 38m · 10 videos

Markdown
[![Watch time: 2h 38m · 10 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9hYBP0AZ3MNdEiiZqd4mHGm.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9hYBP0AZ3MNdEiiZqd4mHGm)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9hYBP0AZ3MNdEiiZqd4mHGm"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9hYBP0AZ3MNdEiiZqd4mHGm.svg" alt="Watch time: 2h 38m · 10 videos" width="203" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9hYBP0AZ3MNdEiiZqd4mHGm returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.