Next.JS GetStaticPaths() for Rest API & Dynamic Route | Next.JS Tutorial In Hindi #23

  Рет қаралды 30,220

Thapa Technical

Thapa Technical

2 жыл бұрын

Welcome, Next.JS GetStaticPaths() for Rest API & Dynamic Route | Next.JS Tutorial In Hindi #23
👉 Free Source Code for Next.JS Series: www.thapatechnical.com/2021/0...
😍 Check my Instagram to Connect with me: / thapatechnical
😍 Next.JS Tutorial In Hindi 2021: • Next.JS Tutorial In Hi...
✅ NodeJS Tutorial in Hindi 2020: • NodeJS Tutorial in Hin...
✅ Express JS Tutorial In Hindi in 2020: • Express JS Tutorial In...
************ Must Watch Videos For Web Development ************
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...
➡️ Install VS Code for ReactJS LINK: www.thapatechnical.com/2020/0...
😍😍 Check Programming Videos in One Hour👇
➡️ Complete Reactjs in One video here • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechnical.com/2019/1...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter KZbin Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechnical.com
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: vinodbahadur...

Пікірлер: 44
@ThapaTechnical
@ThapaTechnical 2 жыл бұрын
It's very important Video guy's.. Watch till the end and Here is the 👉 Free Source Code for Next.JS Series for your convenience: www.thapatechnical.com/2021/09/nextjs-by-thapa-technical.html 😍 Check my Instagram to Connect with me: instagram.com/thapatechnical 😍 Next.JS Tutorial In Hindi 2021: kzbin.info/aero/PLwGdqUZWnOp2rDbpfKAeUi9f8qZMS7_cv
@shashankphatkure
@shashankphatkure 6 ай бұрын
for postid if you are using postgres / supabase you can use this for quering url based on id > courses?id=eq.36 is being used to show data based on postgres equal to 36 rest/v1/courses?id=eq.35 here eq is used for postgres ( equal to )
@akhileshmishra5559
@akhileshmishra5559 2 жыл бұрын
this is more complex way to Handle routes why we are not using userouter hook for params value and use it for data fetching ,next js is complex and i dont understand it
@wakeup9460
@wakeup9460 Жыл бұрын
Now i understand 😁 useRouter is hook so we cant use it in function we can only use it in components 🙂
@nitigyajoshi4658
@nitigyajoshi4658 11 ай бұрын
Thank you sir. You really helped me out a lot. 12:54 Very very important point. Took 2 hours for me to detect the problem. Very problematic thing. Can be easily overlooked.
@nextlevelcoding5834
@nextlevelcoding5834 Жыл бұрын
You are just awesome boss. No one else explains so beautifully and in detail, as you do. Just Mind-blowing ❤❤
@Avatar-Roku
@Avatar-Roku Жыл бұрын
No wonder this was one of the hardest...still u managed to make it so less confusing.. Thanks man
@anmolsingh4969
@anmolsingh4969 2 жыл бұрын
Kya isaa hamm userouter sa nahi karr sakta
@abhishekmagar9843
@abhishekmagar9843 Жыл бұрын
Your always perfect sir ji.
@pradipkafle5471
@pradipkafle5471 2 жыл бұрын
thank you for the lovely content dai..
@kanikasabharwal1425
@kanikasabharwal1425 Жыл бұрын
Thanks for this tutorial 😊
@salmanmd3843
@salmanmd3843 2 жыл бұрын
Instead of using getStaticPaths in dynamic component , Can we use useEffect hook ? I tried this but i am getting error like Invalid hook call. Hooks can only be called inside of the body of a function component..
@sameerrai_official4013
@sameerrai_official4013 Жыл бұрын
Thank you Thapa daii
@umaironlinepro
@umaironlinepro 2 жыл бұрын
awesome
@ansumandas554
@ansumandas554 Жыл бұрын
@thapa we can also solve by using next router instead of GetStaticPaths ?
@skskssss126
@skskssss126 Жыл бұрын
In the getserversideprops we already get the params through context and using that we can call the API to fetch data. So why this extra step.
@qurat-ul-ain7235
@qurat-ul-ain7235 Жыл бұрын
yes this thing was also in my mind.
@naumanali8357
@naumanali8357 2 жыл бұрын
bravo
@ashoksingh1271
@ashoksingh1271 2 жыл бұрын
Thapa bhai aap GraphQL, Prism ORM ,nodejs, express JS per tutorial banao. ek bhi video bhi hai. Hindi main to ek bhi bhi hai. Plz plz plz plz crud operation banao.
@chandansayed8745
@chandansayed8745 2 жыл бұрын
Agar apne ismain search, filter option rakhte toh maza aajata!
@pranabbora8454
@pranabbora8454 2 жыл бұрын
Create a search blogs in this series please
@kaushandutta4593
@kaushandutta4593 Жыл бұрын
Why you used fetch method two times? Instead we could get the id from userRouter and then just fetch it?
@BeeCoderGames
@BeeCoderGames Жыл бұрын
Bcoz userRouter is hook and it can only be used in components not in any function so we will not get id there!
@Aerotk
@Aerotk 11 күн бұрын
@@BeeCoderGames we can use it in the myData component.
@priyankadhumal8771
@priyankadhumal8771 2 жыл бұрын
we are making API call again in getStaticPath function just to get params, Is there any shorten way to achieve this?
@wakeup9460
@wakeup9460 Жыл бұрын
Yes, why not use useRouter and get that page number directly and send in api 🙂
@myprojectsprograms4305
@myprojectsprograms4305 2 жыл бұрын
Vinod bhai please RGPV se java programing syllabus ka video bna do please jo aap pdhate ho vo achche se smj aata he please bnado video
@Khairul_Alam
@Khairul_Alam 2 жыл бұрын
I have 3 classrooms and each classroom has 10 posts. How can I fetch posts by using a dynamic classroom id on getStaticPaths? How can I access the dynamic classroom id on the getStaticPath function? So that I can fetch data by using classroom id. Please help me.
@ritikjain3975
@ritikjain3975 2 жыл бұрын
I didn't understood the working of getStaticPaths
@aaqibkhan2479
@aaqibkhan2479 Жыл бұрын
params ko get aap useRouter() se bhi to kar sakte the itna kyu likhna pada apko ?
@user-ly7tw8td1h
@user-ly7tw8td1h 11 ай бұрын
why we are using backticks `` ?
@aleenshrestha8119
@aleenshrestha8119 2 жыл бұрын
i stiil don't know why use fetcxh data two times
@9876rabi123456789
@9876rabi123456789 2 жыл бұрын
The first
@anujsharma8982
@anujsharma8982 2 жыл бұрын
Thapa technical + CodeWithHarry = success
@naisoch4912
@naisoch4912 Жыл бұрын
Itni sari chhezain akhir kia kia sekhay Banda Laravel wp next react js
@codeyoursuccess
@codeyoursuccess Жыл бұрын
love you, sir, ❤‍🩹❤❤
@MonuKumar-fq1me
@MonuKumar-fq1me 2 жыл бұрын
I am third
@views313
@views313 2 жыл бұрын
this is totally injustice with NEXTJS, how can you cover a full js framework in just 23 videos??
@VijaySingh-zn5su
@VijaySingh-zn5su Жыл бұрын
total frustrate getStaticPath, getStaticProps
@anshulsharma9649
@anshulsharma9649 2 жыл бұрын
bhai getstaticpath samajh nahi aa raha
@adityaprogrammer6519
@adityaprogrammer6519 2 жыл бұрын
Plz video on MySQL full course and XAMPP...
@sohamjadhav6526
@sohamjadhav6526 Жыл бұрын
Is this NextJs tutorial or your JavaScript in 16 hour video promotion...The Source code is also not free...And you are saying we need to give you 100 rupees cause you Lost the Job, Bro u are earning from KZbin is it not Satifying you
버블티로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 107 МЛН
бесит старшая сестра!? #роблокс #анимация #мем
00:58
КРУТОЙ ПАПА на
Рет қаралды 3,6 МЛН
БОЛЬШОЙ ПЕТУШОК #shorts
00:21
Паша Осадчий
Рет қаралды 8 МЛН
Routing in NextJS | NextJS Dynamic Routing | NextJS in Hindi
17:18
Understanding NextJS Router | NextJS in Hindi
13:11
Piyush Garg
Рет қаралды 10 М.
Next.JS Image Component & Optimization | Next.JS Tutorial In Hindi #19
10:47
What is REST API?
15:41
Piyush Garg
Рет қаралды 79 М.
Next.js 13 Data Fetching, Dynamic Routes - Complete Guide
38:45
Noor Mohammad
Рет қаралды 7 М.
버블티로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 107 МЛН