Next.js Tutorials for Beginners in Hindi

by CodeWithHarry · 79 videos

Total watch time

1d 2h 3m

at speed · exactly 1 day, 2 hours, 2 minutes, 55 seconds at 1×

1d 2h 2m 55s
1.25×20h 50m 20s
1.5×17h 21m 57s
1.75×14h 53m 6s
13h 1m 28s
Average video19m 47s
Longest1h 6m 35s
Shortest6m 43s
Compare Open on YouTube JSON

Plan to finish

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

Videos (79)

1d 2h 3m in total · tick what you've watched

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

Videos to
Watched
1 Introduction to Next.js | NextJs Tutorial for Beginners #1 8:31 2022-01-29
2 Our first Next.js website | NextJs Tutorial for Beginners #2 21:04 2022-01-30
3 File Based Routing in Next.js | NextJs Tutorial for Beginners #3 16:09 2022-02-01
4 JavaScript and React Refresher for Next.js | NextJs Tutorial for Beginners #4 9:52 2022-02-06
5 Project 1: Hunting Coder - A Coder's Blog | NextJs Tutorial for Beginners #5 10:19 2022-02-07
6 Head and Script Component in Next.js | NextJs Tutorial for Beginners #6 12:09 2022-02-08
7 Image Component in Next.js | NextJs Tutorial for Beginners #7 17:14 2022-02-09
8 Creating Multiple Pages in Next.js | NextJs Tutorial for Beginners #8 11:41 2022-02-11
9 Link component in Next.js - Understanding next/link | NextJs Tutorial for Beginners #9 8:29 2022-02-15
10 Component Level CSS in Next.js | NextJs Tutorial for Beginners #10 10:57 2022-02-16
11 Adding Global Styles in Next.js | NextJs Tutorial for Beginners #11 8:35 2022-02-19
12 Styled jsx in Next.js | NextJs Tutorial for Beginners #12 9:45 2022-02-22
13 Basic Cleanup of Hunting Coder Blog | NextJs Tutorial for Beginners #13 14:59 2022-02-22
14 Displaying Navbar on all pages | NextJs Tutorial for Beginners #14 7:55 2022-02-23
15 Creating Blog and Blogpost page | NextJs Tutorial for Beginners #15 12:54 2022-02-23
16 Adding blog jsons as data | NextJs Tutorial for Beginners #16 11:38 2022-02-24
17 Introduction to API Routes in Next.js | NextJs Tutorial for Beginners #17 9:31 2022-02-24
18 Creating endpoints to get one/all blogposts | NextJs Tutorial for Beginners #18 14:41 2022-02-25
19 Using the API Endpoints | NextJs Tutorial for Beginners #19 22:30 2022-02-27
20 Fetching BlogPost using /getblog Endpoint | NextJs Tutorial for Beginners #20 14:03 2022-02-27
21 Prerendering Strategies in Next.js | NextJs Tutorial for Beginners #21 15:29 2022-02-28
22 Server Side Rendering - getServerSideProps() in Next.js | NextJs Tutorial for Beginners #22 13:17 2022-03-01
23 Static site generation, getStaticProps() & getStaticPaths | NextJs Tutorial for Beginners #23 24:37 2022-03-04
24 Rendering HTML text using dangerouslySetInnerHTML in Next.js | NextJs Tutorial for Beginners #24 9:53 2022-03-05
25 Creating an API to save Contact Data | NextJs Tutorial for Beginners #25 16:48 2022-03-06
26 Designing the /contact FrontEnd Page | NextJs Tutorial for Beginners #26 23:27 2022-03-06
27 Designing the About Page | NextJs Tutorial for Beginners #27 6:43 2022-03-07
28 Styling Fixes in our Hunting coder Blog | NextJs Tutorial for Beginners #28 26:11 2022-03-07
29 Adding Infinite Scroll to Hunting Coder | NextJs Tutorial for Beginners #29 21:38 2022-03-10
30 Adding Responsive Design to Hunting Coder | NextJs Tutorial for Beginners #30 15:03 2022-03-11
31 Deploying Hunting Coder | NextJs Tutorial for Beginners #31 20:37 2022-03-11
32 Adding huntingcoder.com Domain and Search Console | NextJs Tutorial for Beginners #32 7:17 2022-03-16
33 Project 2: Codeswear.com - A Next.js powered E-Commerce Store | NextJs Tutorial for Beginners #33 6:43 2022-03-17
34 Codeswear.com - Project Setup using Tailwind CSS | NextJs Tutorial for Beginners #34 9:08 2022-03-18
35 Creating Pages for Codeswear.com | NextJs Tutorial for Beginners #35 8:06 2022-03-19
36 Creating NavBar, Footer & HomePage for Codeswear.com | NextJs Tutorial for Beginners #36 26:39 2022-03-20
37 Designing the Tshirts Page for Codeswear.com | NextJs Tutorial for Beginners #37 22:17 2022-03-23
38 Designing Mugs, Sticker & Hoodies page for Codeswear.com | NextJs Tutorial for Beginners #38 9:29 2022-03-24
39 Designing the Cart Sidebar for Codeswear.com | NextJs Tutorial for Beginners #39 31:53 2022-03-24
40 Designing Product Page for Codeswear.com | NextJs Tutorial for Beginners #40 11:10 2022-03-25
41 Adding Pincode Serviceability Check on Codeswear.com | NextJs Tutorial for Beginners #41 23:51 2022-03-27
42 Creating Cart State for Codeswear.com | NextJs Tutorial for Beginners #42 41:37 2022-03-28
43 Improving Sidebar & Checkout Page for Codeswear.com | NextJs Tutorial for Beginners #43 37:24 2022-03-31
44 Creating Orders Page for Codeswear.com | NextJs Tutorial for Beginners #44 13:22 2022-04-01
45 Creating Login & Signup Page Design for Codeswear.com | NextJs Tutorial for Beginners #45 14:40 2022-04-01
46 Adding MongoDB Database to Codeswear.com | NextJs Tutorial for Beginners #46 13:47 2022-04-02
47 Creating APIs for Codeswear.com | NextJs Tutorial for Beginners #47 26:11 2022-04-02
48 Displaying Tshirts on Codeswear.com | NextJs Tutorial for Beginners #48 16:31 2022-04-02
49 Displaying Tshirt Variants on product page | NextJs Tutorial for Beginners #49 52:45 2022-04-03
50 Replacing Dummy Text on Codeswear.com | NextJs Tutorial for Beginners #50 16:26 2022-04-03
51 Making the "Buy Now" button for Codeswear.com | NextJs Tutorial for Beginners #51 12:49 2022-04-03
52 Adding React Toastify to Codeswear.com | NextJs Tutorial for Beginners #52 11:40 2022-04-07
53 Customizing Hoodies, Mugs & Stickers Page for Codeswear.com | NextJs Tutorial for Beginners #53 13:34 2022-04-07
54 Creating Signup Page for Codeswear.com | NextJs Tutorial for Beginners #54 21:37 2022-04-08
55 Creating Login Page for Codeswear.com | NextJs Tutorial for Beginners #55 18:49 2022-04-08
56 Adding Encryption to login and signup for Codeswear.com | NextJs Tutorial for Beginners #56 15:26 2022-04-09
57 Introduction to JWT | NextJs Tutorial for Beginners #57 11:06 2022-04-09
58 Adding Login and Logout buttons to Codeswear.com | NextJs Tutorial for Beginners #58 29:42 2022-04-09
59 Adding React top loading bar to Codeswear.com | NextJs Tutorial for Beginners #59 13:22 2022-04-09
60 Creating Orders Page for Codeswear.com | NextJs Tutorial for Beginners #60 17:49 2022-04-10
61 Adding Environment Variables to Codeswear.com | NextJs Tutorial for Beginners #61 13:32 2022-04-10
62 Adding Payment Gateway to Codeswear.com | NextJs Tutorial for Beginners #62 39:31 2022-04-10
63 Initiating Order and Redirecting to Order Page | NextJs Tutorial for Beginners #63 53:41 2022-04-14
64 Creating Order and Orders Page for the user | NextJs Tutorial for Beginners #64 38:14 2022-04-15
65 Pincode to city & state | NextJs Tutorial for Beginners #65 31:46 2022-04-15
66 Out of stock check in CodesWear.com | NextJs Tutorial for Beginners #66 44:27 2022-04-16
67 Fixing Checkout Issues | NextJs Tutorial for Beginners #67 20:05 2022-04-16
68 Showing Sidebar only for few pages | NextJs Tutorial for Beginners #68 27:32 2022-05-17
69 PayTM checksum Tampering check | NextJs Tutorial for Beginners #69 28:46 2022-05-18
70 Displaying out of stock items | NextJs Tutorial for Beginners #70 13:31 2022-05-18
71 PinCodes json + avoiding non serviceable Locations | NextJs Tutorial for Beginners #71 28:42 2022-05-20
72 Creating MyAccount Section for CodesWear | NextJs Tutorial for Beginners #72 1:06:35 2022-05-21
73 Creating Forgot Password Page | NextJs Tutorial for Beginners #73 45:54 2022-05-22
74 Deploying Codeswear.com to DigitalOcean | NextJs Tutorial for Beginners #74 17:31 2022-05-23
75 Creating Dashboard for Codeswear.com | NextJs Tutorial for Beginners #75 21:59 2022-06-11
76 Creating Pages for the Dashboard | NextJs Tutorial for Beginners #76 18:34 2022-06-23
77 Populating pages with pages from the template| NextJs Tutorial for Beginners #77 19:02 2022-06-24
78 Creating a Form for Adding Product | NextJs Tutorial for Beginners #78 15:50 2022-06-25
79 Displaying All products in a Material UI Table | NextJs Tutorial for Beginners #79 15:54 2022-06-26

Embed a badge

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

Watch time: 1d 2h 3m · 79 videos

Markdown
[![Watch time: 1d 2h 3m · 79 videos](https://playlistduration.com/badge/playlist/PLu0W_9lII9agtWvR_TZdb_r0dNI8-lDwG.svg)](https://playlistduration.com/playlist/PLu0W_9lII9agtWvR_TZdb_r0dNI8-lDwG)
HTML
<a href="https://playlistduration.com/playlist/PLu0W_9lII9agtWvR_TZdb_r0dNI8-lDwG"><img src="https://playlistduration.com/badge/playlist/PLu0W_9lII9agtWvR_TZdb_r0dNI8-lDwG.svg" alt="Watch time: 1d 2h 3m · 79 videos" width="214" 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/PLu0W_9lII9agtWvR_TZdb_r0dNI8-lDwG 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.