Lets build this project in Nextjs

  Рет қаралды 188,317

Chai aur Code

Chai aur Code

Күн бұрын

Пікірлер: 972
@shadowslayer2248
@shadowslayer2248 6 ай бұрын
35:23 React me ek hi element return kar skte hain ek function/component ke andar. So we wrap multiple divs within a parent container div/section element. Simply bhi use kar skte ho jisko fragment kehte hain aur andar jo cheez hai woh HTML me jab compile hota hai build ke baad, directly aa jaata hai without a wrapper.
@prakhar3230
@prakhar3230 5 ай бұрын
good answer bro, was looking for it.
@MuhammadAli-hh9td
@MuhammadAli-hh9td 9 ай бұрын
9:47 itne confidence say ye part dekh raha hu meim just apki wajah say itna kuch sikhaa dia ha wo bhi achay say
@intellectualsrestroom2001
@intellectualsrestroom2001 10 ай бұрын
This was absolutely needed. Thanks for this course ☺️
@NileshKumar-bf2fx
@NileshKumar-bf2fx 10 ай бұрын
00:00:00 - Javascript for beginners 00:05:04 - Setting up environment 00:16:53 - Save and work on GitHub 00:27:14 - Let const var 00:43:54 - Datatypes and ECMA standards 01:01:55 - Datatyope conversion confusion 01:14:46 - Why string to number 01:29:46 - comparison of datatypes 01:38:38 - datatypes summary 01:56:40 - stack and heap memory 02:06:34 - String in javascript 02:29:17 - Number and maths 02:52:34 - date and time 03:10:47 - Array in javascript 03:29:42 - Array part 2 03:45:23 - Objects in depth 04:03:31 - Objects part 2 04:21:13 - Objects destructuring and JSON API 04:34:46 - Functions and parameters 04:53:59 - functions with objects 05:05:14 - Global and local scope 05:14:51 - Scope level and mini hoisting 05:29:47 - this and arrow function 05:48:16 - Immediately invoked function 05:55:33 - How does javascript works behind the scene 06:21:45 - Control flow in javascript 07:14:34 - for loop break and continue 07:39:05 - while do while loop 07:49:24 - High order array loops 08:23:35 - filter map and reduce
@smartyrajcreation6788
@smartyrajcreation6788 10 ай бұрын
Thanks for explaining in a simple manner. Aap itne smoothly samjha dete ho ki lagta hi nhi ki kuch hard hai, aisa lagta hai ki shayad pahle se hi familiar ho chuke hi
@ayushichoudhary1019
@ayushichoudhary1019 10 ай бұрын
🎉 was waiting for this one!
@sumitkumarpatil3414
@sumitkumarpatil3414 10 ай бұрын
And chaliye shuru karte hai
@VishaljangidJngid
@VishaljangidJngid 10 ай бұрын
Chai ke saath 😂
@Apheta_a
@Apheta_a 10 ай бұрын
Bina kisi bakchodi ke saath
@Apheta_a
@Apheta_a 10 ай бұрын
Bina kisi bakchodi ke saath
@mrcopywriter
@mrcopywriter 10 ай бұрын
OMG! was waiting for this. Thank you so much SIr
@GohelAbhi
@GohelAbhi 8 ай бұрын
00:03 Introduction to the focused series on Next.js 01:53 Introducing a new UI library with minor issues and bugs. 05:38 Overview of different features and elements in the project 07:34 Next.js chosen for popularity and full-stack capabilities 11:16 Setting up Next.js project and using TypeScript 13:18 Using Source Director for code organization in Next.js 17:47 Next.js provides backend capabilities and server-side rendering 19:30 Next.js automatically handles TypeScript and Tailwind CSS configurations. 22:53 Nextjs allows for creating layouts to organize pages and content. 24:34 Understanding the layout and structure in Next.js 28:07 Understanding the usage of React layout and types 29:46 Frameworks impose strict rules on every aspect. 33:36 Dynamic content generation and layout manipulation 35:17 Creating and organizing layout items 38:45 Next.js provides a strong foundation for front-end development. 40:22 Summary of the video 'Lets build this project in Nextjs'
@er.nishant
@er.nishant 10 ай бұрын
Han ji Kaise hai aap sab....., Swagat hai aap sabka chai & code me..!!! Chaliye shuru karte hai Next JS....!! 😊😊😊😂
@shadowslayer2248
@shadowslayer2248 8 ай бұрын
Haanji is not a word. It's an emotion! It's always the starting of something awesome!
@sandeeppatel788
@sandeeppatel788 10 ай бұрын
00:03 Introduction to the focused series on Next.js 01:53 Introducing a new UI library with minor issues and bugs. 05:38 Overview of different features and elements in the project 07:34 Next.js chosen for popularity and full-stack capabilities 11:16 Setting up Next.js project and using TypeScript 13:18 Using Source Director for code organization in Next.js 17:47 Next.js provides backend capabilities and server-side rendering 19:30 Next.js automatically handles TypeScript and Tailwind CSS configurations. 22:53 Nextjs allows for creating layouts to organize pages and content. 24:34 Understanding the layout and structure in Next.js 28:07 Understanding the usage of React layout and types 29:46 Frameworks impose strict rules on every aspect. 33:36 Dynamic content generation and layout manipulation 35:17 Creating and organizing layout items 38:45 Next.js provides a strong foundation for front-end development. 40:22 Summary of the video 'Lets build this project in Nextjs'
@abhijitmone6122
@abhijitmone6122 10 ай бұрын
Much needed series, thank you sir !!!
@sagar-tt4ub
@sagar-tt4ub 4 ай бұрын
35:23 react only returns one tag, we have to cover the and {children} inside another tag
@mrgtxgamerz1
@mrgtxgamerz1 10 ай бұрын
Hnji heart chahiye comment p
@shadowcipheragent
@shadowcipheragent 10 ай бұрын
Finally. Today I have started this next js series, after completing a clone of boat Full stack application. My project frontend is already written in next js. Because I have started writing next js after watching shade cn video. After doing a full stack project. In the first video I found that I have missed many important things in my next js self learning. It will be enjoyable and learnable to complete this series for me.
@MuhammadZain-hf1pw
@MuhammadZain-hf1pw 10 ай бұрын
React can only render one element. By wrapping it in empty tag or in single div tag it is considered as a single element. Correct me if I'm wrong!
@parttimer18
@parttimer18 10 ай бұрын
correct, those empty tags are called fragment
@itachiuchiha1029
@itachiuchiha1029 10 ай бұрын
01:40. The way Hitesh sir say : " chinta mat karo main hu na😁" that literally boost a lots of confidence 🥰🌹
@asmr_developer7777
@asmr_developer7777 10 ай бұрын
Just Completed Your Backend Series❤ Sir Thank you so much for next Js series
@hsrr136
@hsrr136 10 ай бұрын
Bhai react kha se kiya apne ?
@Bhuvan.Shetty
@Bhuvan.Shetty 10 ай бұрын
​@@hsrr136Inka hi channel me h , agar English me chayiye to bro code react 2024 dekhlo latest
@asmr_developer7777
@asmr_developer7777 10 ай бұрын
@@hsrr136 from chai aur code
@Mr.RaJu_BiShT_06
@Mr.RaJu_BiShT_06 10 ай бұрын
I am learning programming from KZbin from last one year and I have seen many KZbinrs here but you are unique among them all❤
@mai.krishnahoon
@mai.krishnahoon 10 ай бұрын
lgta hai 1cr ka package lagwake maanoge sir😂😂😂😂 btw learned alot from you . thanks for this amazing channel.🙏🙏
@chaiaurcode
@chaiaurcode 10 ай бұрын
😂😂😂😂 Fir hamari chai b pakki h
@suryanshpundir6179
@suryanshpundir6179 2 ай бұрын
Completed the peoject. Perfect for people who want to work on nextjs projects in frontend and have no backend knowledge.
@AmitBiswas0142
@AmitBiswas0142 10 ай бұрын
Just completed backend and revised React so full over ready for this, bring it on sir ji...
@AyurvedaAddict
@AyurvedaAddict 10 ай бұрын
Yeh baat naah mere bacche👏👏👏
@qazimtahir
@qazimtahir 10 ай бұрын
This is a very good news for me and all programmers as well. I was waiting for this class. Thanks dear tutor. 😊
@asmr_developer7777
@asmr_developer7777 10 ай бұрын
Sir Next.js ke saath Typescript bhi sikha dijiyega ❤❤it will helps a lot
@nigam_sharma
@nigam_sharma 10 ай бұрын
10:05 a real advice ☺️ We really need mentors like you❤
@Rockstar_Postmallon
@Rockstar_Postmallon 10 ай бұрын
Kis kis ko pasand h ye Line ( 🖤 hanji app sab kese ho 🤍 )
@pkbhai-t8k
@pkbhai-t8k Ай бұрын
Line tho pasand hai job nhi mil Raha hain. 😰😰😰
@Rockstar_Postmallon
@Rockstar_Postmallon Ай бұрын
@pkbhai-t8k jarur milega don't feel bad.🙂
@kamalpandit2101
@kamalpandit2101 10 ай бұрын
Sir mein kafi time se aapko follow kr rha hu , Sir aapka jo teaching style hai wo bahut hi amazing hai, ek ek point mind stable ho jata hai. Thanks sir
@AmmarAmin-p5y
@AmmarAmin-p5y 4 ай бұрын
Mujhe aaj pata chala, comment pe double click krne se like ho jaya h 😅
@tahirazia6104
@tahirazia6104 3 ай бұрын
Me too 😂
@annelourin1456
@annelourin1456 3 ай бұрын
Me too from your comment 😂
@deepanshugupta9050
@deepanshugupta9050 4 ай бұрын
Previously, I saw your MongoDb Aggregation pipeline series and the first channel that came to my mind for learning Next js was this. Awesome work sir.
@gaurav_kulkarni.
@gaurav_kulkarni. 10 ай бұрын
But Sir django framework Aapne vala tha na sir🤔🤔 But it's ok sir😄 I am Present Daly for chai aur python. And still I am Daly present in chai aur Nextjs 😂👍
@chaiaurcode
@chaiaurcode 10 ай бұрын
Is quality ke video ka kaafi process hota h ji. Study, project, discussion, breakdown, recording, editing etc
@ofcljaved
@ofcljaved 10 ай бұрын
I love your confidence that you're sure ki ye video hme pasand aayega jo ki aaya bhi And I love the sweet transition from javascript to typescript 💕💕
@AbdulRaheem-sj5it
@AbdulRaheem-sj5it 10 ай бұрын
Absolutely! Watching a Next.js video was an exhilarating experience! As I immersed myself in the world of Next.js, I couldn't help but feel a sense of wonder and excitement. The clarity of the explanations and the seamless presentation left me in awe. It was like unlocking a treasure trove of knowledge, with each concept building upon the last in a beautifully orchestrated symphony of understanding. I found myself nodding along in agreement, feeling inspired and motivated to dive deeper into the world of web development. Truly, watching that Next.js video was a transformative experience that reignited my passion for learning and creativity.
@dhyanrai8571
@dhyanrai8571 10 ай бұрын
Bro it's clearly visible that it's a chatgpt comment,plz don't pollute the comment section using AI
@anonyone8834
@anonyone8834 10 ай бұрын
Best introduction video of a series, btw nextjs is the mkst awaited
@jaishreekrishna1858
@jaishreekrishna1858 7 ай бұрын
This is the Best Next.js Course in entire KZbin for me.
@shahzaibkhan5423
@shahzaibkhan5423 4 ай бұрын
Sir , Ap hmare dil ko kese parh lete hein k hum is waqt kia soch rhe☺. You are the world's best teacher 👍
@nextleveltech267
@nextleveltech267 4 ай бұрын
Sir you explained really really well in this video.... I loved it so much ❤️❤️❤️
@AmanKumarSinhaOfficial
@AmanKumarSinhaOfficial 5 ай бұрын
35:27 Solved using React Fragment. You can also solve this by wrapping both in a div.
@suryapratap929
@suryapratap929 10 ай бұрын
Hitesh sir, thanks for bringing this series. Ended up watching this video and waiting for next video.
@jatinnandwani6678
@jatinnandwani6678 10 ай бұрын
Thanks!
@chaiaurcode
@chaiaurcode 10 ай бұрын
Welcome!
@frontend_insider
@frontend_insider 10 ай бұрын
Hitesh sir uploading valuable free content back to back ... students are like ( haule haule chalo more sajna hum peche hai tumhare ...🤣🤣🤣🤣 )
@maheshshirate2834
@maheshshirate2834 10 ай бұрын
Chai tayar hai, bas sir live aagaye..... 😄🎉 Kudos to Hitesh sir ❤🔥 #chaiaurcode
@24-7-vishal-coding
@24-7-vishal-coding 10 ай бұрын
I have started giving priority to your and piyush garg’s videos, because you are the only two guys who are giving out something
@mrharvey8009
@mrharvey8009 9 ай бұрын
Thank you so much sir, When I start learning any web technology, I always watch your videos first. because you create rock solid learning foundation.
@r4hx1
@r4hx1 10 ай бұрын
im just here to say you that yore best JS tutor or sir in the world, thank you so much sir aapki wajh se me javascript samjh paya , i can't thank you enough🙏
@hiphop861
@hiphop861 10 ай бұрын
This was absolutely needed.was waiting for this one!
@aakash6651
@aakash6651 10 ай бұрын
If perfect timing exists ,then this is the proof!!! Recently started learning Nextjs
@dragononfire7124
@dragononfire7124 10 ай бұрын
Absolutely Quality Content, Hitesh Sir❣️😍.
@WaqasKhanDurrani
@WaqasKhanDurrani Ай бұрын
You made it simple and easy to understand as always. Love from Pakistan!
@rushhaaland
@rushhaaland 10 ай бұрын
Waited for it from a long time....Very excited
@abhishekkhatana1256
@abhishekkhatana1256 10 ай бұрын
Always come with Banger Sir 🔥🔥🔥🔥
@abhishekkesharwani7453
@abhishekkesharwani7453 3 ай бұрын
Thank you sir for creating such content and the way you teach is really easy to understand .. I used to hate web now i am loving it ..
@NishantCosmos
@NishantCosmos 7 ай бұрын
Amazinggg sir, it was so helpful love the way you explain in detail with problem solving approach
@aloktamrakar9541
@aloktamrakar9541 7 ай бұрын
Video 1 Completed successfully ❤
@sidharth5665
@sidharth5665 Ай бұрын
Loved this one really the approach the style and the explanation was in detail like didn't got a single doubt in mind after seeing any of the line or word after watching the whole tutorial and enjoyed it too as I hadn't completed any long tutorial in a long time so. I'm sold ❤
@vaibhavverma6813
@vaibhavverma6813 10 ай бұрын
Most awaited series
@harshitrajsharma
@harshitrajsharma 10 ай бұрын
The best channel for beginners to get industry level knowledge ❤
@atulmourya7130
@atulmourya7130 8 ай бұрын
Honesty and priority is clearn on this channel , Thank you so much hsir!
@Noumaan_Ahamed
@Noumaan_Ahamed 10 ай бұрын
Thank you once again... was waiting for this... ❤❤❤❤
@mayanksh219
@mayanksh219 10 ай бұрын
Much Much Much awaited Series Sir ji. Advance me hi Shukriya aapka😂
@aiwithhamzanaeem
@aiwithhamzanaeem 10 ай бұрын
Hello Hitesh, I am Hamza, Greetings from Pakistan. I was not from an IT background But you made this journey easy for me. First I completed Javascript, then React, and then the backend course. And now landed on your Next Js tutorials. So many best wishes from my side. May God bless you and your family. More power to you. ❤❤❤
@iamakashkumarram
@iamakashkumarram 10 ай бұрын
Isi ke liye wait kar raha tha,thanks sir for this course ❤
@PrathmeshKamble-i2x
@PrathmeshKamble-i2x 4 ай бұрын
this is best series for next js on youtube tysm sir 🧡
@asmittyagi6250
@asmittyagi6250 9 ай бұрын
🙏🏻🙏🏻 Nextjs bhi dekhte hai kya hai, Thank you sir for making all this possible for me to learn.
@harshalashi
@harshalashi 7 ай бұрын
On may 19th I have started with this series. Hope I will grasp the knowledge and understand Nextjs with consistency
@mohammadfaizal7741
@mohammadfaizal7741 10 ай бұрын
Thank you sir , for this awesome series.
@raghuraghav6636
@raghuraghav6636 10 ай бұрын
Sir ji shuruaat kar diya the most awaited series...
@NilanjanH
@NilanjanH 10 ай бұрын
Firstly, Thank you sir, finally Next.js ki series launch karne ke liye, bahut kuch sikhne ko milega, as I am learning react hooks from ur playlist and aapke iss Next.js video se bahut help milega aur wo bhi aapse jo tough concepts ko bhi easy lagne lage. Thank you again sir.💥💯
@rishidongre6772
@rishidongre6772 3 ай бұрын
Happy Teachers' Day, sir! I love the way you explain and teach. It's not just me; everyone feels the same way.😍
@abhinavsingh581
@abhinavsingh581 10 ай бұрын
Completing the comment target sir, your content is amazing🙌🙌
@_Hero_24
@_Hero_24 10 ай бұрын
soo Good to See that Finally NextJs is Started !!
@aadilkhan546
@aadilkhan546 10 ай бұрын
Finaly Excellent series on youtube for nextjs here
@shubhankarsharma5438
@shubhankarsharma5438 10 ай бұрын
I am still in the middle of the react playlist and yesterday only I was looking for your node playlist, but couldn't found.... And today it is here :D
@SachinSadiwal-y7l
@SachinSadiwal-y7l 2 ай бұрын
kaafi accha laga aaj start karke aaj start kiya hai chai ke saath
@zaiswal-lu9nv
@zaiswal-lu9nv 10 ай бұрын
most waiting playlist...Thank you so much sir
@rahulpathak7297
@rahulpathak7297 5 ай бұрын
Thanks for explaining in a simple manner. AWESOME COURSE
@mohsinzia8566
@mohsinzia8566 3 ай бұрын
Really excited for this series!!!
@footballmood111
@footballmood111 10 ай бұрын
Thank you sir, for nextjs series
@atharvaraut8683
@atharvaraut8683 10 ай бұрын
sir you wont believe, I was thinking to start Next and got you. Thanks a lot
@chillpill610
@chillpill610 10 ай бұрын
Hitesh sir ki Jai Ho
@chillpill610
@chillpill610 10 ай бұрын
Hum bacho ke liye Masiha ho aap
@abhishekkashyap2984
@abhishekkashyap2984 10 ай бұрын
I am sure! , this will be one of the best nextjs series.
@ankursingh1749
@ankursingh1749 10 ай бұрын
Finally Next js arrived and landed successfully🙂 Thank you so much for this
@SuhailAlvi-n9d
@SuhailAlvi-n9d 10 ай бұрын
The way you teach it's Amazing ❤️ Sach main better h baki sab se bhiya Thanks 👍
@_Hero_24
@_Hero_24 7 ай бұрын
35:00 we can only return single parent element which we can use fragments for this !
@anandstephan6020
@anandstephan6020 10 ай бұрын
now i am full stack developer thanks for the course
@aggsha7580
@aggsha7580 4 ай бұрын
Thanks A Lot Sir for such Valuable Content ❤❤
@adarshkumarpandey1623
@adarshkumarpandey1623 10 ай бұрын
Wow, I appreciate the effort you put into creating this series. I've learned a lot from your previous series. Thank you for sharing your knowledge!..🙏❤
@SurajSinghChauhan-jp8kb
@SurajSinghChauhan-jp8kb 10 ай бұрын
I was waiting for this series, Love you sir.
@ut_yuji
@ut_yuji 8 ай бұрын
Thank you so much sir..Just done with react after JS course from this beautiful channel
@ShubhamPatil-di1nx
@ShubhamPatil-di1nx 10 ай бұрын
Most awaited Very excited😍
@IOEASPIRANTS
@IOEASPIRANTS 10 ай бұрын
this guy is putting more effort than paid tutor. love from nepal
@Prince_07123
@Prince_07123 6 ай бұрын
Interview crack karne se koi nahi rok sakta sir hame thank you a lot sir ❤
@azizurrehman8910
@azizurrehman8910 10 ай бұрын
Tnkewwwwww for the course. I was waiting for it
@amankch
@amankch 10 ай бұрын
A popular full stack framework and 200K subscriber. A WOW combination. PROGRAMMING KA PHAL MITHA HOTA HAI. 😀😃
@nitishsingh925
@nitishsingh925 10 ай бұрын
I am very happy to now react to next js with Mr. HC ❤
@shoaib_akhtar_1729
@shoaib_akhtar_1729 10 ай бұрын
Thanks Hitesh a lot, I was thinking of learning this via documentation after react js, now I will follow both to upgrade my knowledge! ❤
@RahulPortfolio
@RahulPortfolio 10 ай бұрын
eagerly waiting for this series thank you sir 🙏🏻🙏🏻
@anonyone8834
@anonyone8834 10 ай бұрын
What i understood is tht every folder which has a layout becomes the wrapper layout for all the inside folders and treat their layouts as its children. So that is why from root layout we are able to render a layout inside
@abhisheknavgan6829
@abhisheknavgan6829 10 ай бұрын
Thanks a lot sir, Enjoyed the video and looking forward to learning NEXT js
@NoorNazar-h9c
@NoorNazar-h9c 10 ай бұрын
This is what i was waiting for thanks sir to make series on next js
@Jai-xq5hi
@Jai-xq5hi 10 ай бұрын
Finally, Next js course. Love your all courses
Solving Navbar challenge
32:42
Chai aur Code
Рет қаралды 60 М.
I Redesigned the ENTIRE YouTube UI from Scratch
19:10
Juxtopposed
Рет қаралды 924 М.
Гениальное изобретение из обычного стаканчика!
00:31
Лютая физика | Олимпиадная физика
Рет қаралды 4,8 МЛН
Правильный подход к детям
00:18
Beatrise
Рет қаралды 11 МЛН
Try this prank with your friends 😂 @karina-kola
00:18
Andrey Grechka
Рет қаралды 9 МЛН
Best frontend and backend projects for resume
13:11
Hitesh Choudhary
Рет қаралды 240 М.
Shadcn and Daisy UI in nextjs
28:25
Chai aur Code
Рет қаралды 21 М.
Flutter Basics by a REAL Project
25:42
Flutter Guys
Рет қаралды 576 М.
Solving Hero Section challenges
23:03
Chai aur Code
Рет қаралды 28 М.
Next.js in 100 Seconds // Plus Full Beginner's Tutorial
11:52
Fireship
Рет қаралды 1,1 МЛН
Building a Mobile App in 2024: The BEST Technologies
13:31
Dan Ilies
Рет қаралды 122 М.
I tried 8 different Postgres ORMs
9:46
Beyond Fireship
Рет қаралды 443 М.
NextJS Tutorial - All 12 Concepts You Need to Know
44:38
ByteGrad
Рет қаралды 363 М.