Next.js Tutorial for Beginners
Total watch time
1h 23m
at 1× speed · exactly 1 hour, 22 minutes, 38 seconds at 1×
| 1× | 1h 22m 38s |
|---|---|
| 1.25× | 1h 6m 6s |
| 1.5× | 55m 5s |
| 1.75× | 47m 13s |
| 2× | 41m 19s |
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.
At one hour a day, every day, this playlist takes about 2 days. Turn on JavaScript to plan around your week.
Videos (14)
1h 23m in total · tick what you've watched
Tick videos you've watched — progress is saved in this browser.
| Watched | ||||
|---|---|---|---|---|
| 1 |
 Next.js Tutorial #1 - Introduction & Setup
|
8:43 | 2021-01-25 | |
| 2 |
 Next.js Tutorial #2 - Pages & Routes
|
5:03 | 2021-01-25 | |
| 3 |
 Next.js Tutorial #3 - Adding Other Components
|
4:06 | 2021-01-26 | |
| 4 |
 Next.js Tutorial #4 - Linking Between Pages
|
5:04 | 2021-01-27 | |
| 5 |
 Next.js Tutorial #5 - Creating a Layout Component
|
4:34 | 2021-01-27 | |
| 6 |
 Next.js Tutorial #6 - Adding Styles
|
10:41 | 2021-01-29 | |
| 7 |
 Next.js Tutorial #7 - Custom 404 Page
|
3:25 | 2021-01-29 | |
| 8 |
 Next.js Tutorial #8 - Redirecting Users
|
4:12 | 2021-02-01 | |
| 9 |
 Next.js Tutorial #9 - Images & Metadata
|
6:01 | 2021-02-01 | |
| 10 |
 Next.js Tutorial #10 - Fetching Data (getStaticProps)
|
8:01 | 2021-02-02 | |
| 11 |
 Next.js Tutorial #11 - Dynamic Routes (part 1)
|
5:52 | 2021-02-03 | |
| 12 |
 Next.js Tutorial #12 - Dynamic Routes (part 2 - getStaticPaths)
|
6:28 | 2021-02-03 | |
| 13 |
 Next.js Tutorial #13 - Fetching a Single Item
|
5:49 | 2021-02-05 | |
| 14 |
 Next.js Tutorial #14 - Deploying to Vercel
|
4:39 | 2021-02-05 |
No videos match that filter.
Embed a badge
Show the watch time in a README or course description — it links back here and updates itself
[](https://playlistduration.com/playlist/PL4cUxeGkcC9g9gP2onazU5-2M-AzA8eBw)<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9g9gP2onazU5-2M-AzA8eBw"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9g9gP2onazU5-2M-AzA8eBw.svg" alt="Watch time: 1h 23m · 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/PL4cUxeGkcC9g9gP2onazU5-2M-AzA8eBw 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.