playlistduration

Next.js & Contentful Tutorial

by Net Ninja · 14 videos

Total watch time

1h 55m

at 1× speed · exactly 1 hour, 55 minutes, 19 seconds at 1×

1×1h 55m 19s
1.25×1h 32m 15s
1.5×1h 16m 53s
1.75×1h 5m 54s
2×57m 40s
Average video8m 14s
Longest16m 34s
Shortest3m 1s
Compare Open on YouTube JSON

Plan to finish

About 2 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 2 days. Turn on JavaScript to plan around your week.

Videos (14)

1h 55m in total · tick what you've watched

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

Videos to
Watched
1 Next.js & Contentful Site Build Tutorial #1 - Intro & Setup 8:28 2021-04-05
2 Next.js & Contentful Site Build Tutorial #2 - Contentful Models 16:34 2021-04-05
3 Next.js & Contentful Site Build Tutorial #3 - Contentful Client 8:38 2021-04-06
4 Next.js & Contentful Site Build Tutorial #4 - Outputting Recipe Data 9:35 2021-04-07
5 Next.js & Contentful Site Build Tutorial #5 - Using Images from Contentful 5:31 2021-04-08
6 Next.js & Contentful Site Build Tutorial #6 - Styled JSX 6:05 2021-04-08
7 Next.js & Contentful Site Build Tutorial #7 - Generating Paths 11:26 2021-04-09
8 Next.js & Contentful Site Build Tutorial #8 - Rich Text Content 8:52 2021-04-12
9 Next.js & Contentful Site Build Tutorial #9 - Deploying to Vercel 4:39 2021-04-12
10 Next.js & Contentful Site Build Tutorial #10 - Incremental Static Regeneration 9:21 2021-04-13
11 Next.js & Contentful Site Build Tutorial #11 - Fallback Pages 10:51 2021-04-14
12 Next.js & Contentful Site Build Tutorial #12 - Conditional Redirects 3:01 2021-04-14
13 Next.js & Contentful Site Build Tutorial #13 - Custom 404 Page 6:39 2021-04-16
14 Next.js & Contentful Site Build Tutorial #14 - Vercel Deploy Hooks 5:39 2021-04-16

Embed a badge

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

Watch time: 1h 55m · 14 videos

Markdown
[![Watch time: 1h 55m · 14 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9jClk8wl1yJcN3Zlrr8YSA1.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9jClk8wl1yJcN3Zlrr8YSA1)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9jClk8wl1yJcN3Zlrr8YSA1"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9jClk8wl1yJcN3Zlrr8YSA1.svg" alt="Watch time: 1h 55m · 14 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/PL4cUxeGkcC9jClk8wl1yJcN3Zlrr8YSA1 returns them as JSON — free, no key. API docs →

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