Lets build this project in Nextjs

Поділитися
Вставка
  • Опубліковано 17 гру 2024

КОМЕНТАРІ • 969

  • @shadowslayer2248
    @shadowslayer2248 5 місяців тому +23

    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 4 місяці тому

      good answer bro, was looking for it.

  • @NileshKumar-bf2fx
    @NileshKumar-bf2fx 10 місяців тому +3

    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

  • @intellectualsrestroom2001
    @intellectualsrestroom2001 10 місяців тому +105

    This was absolutely needed. Thanks for this course ☺️

  • @MuhammadAli-hh9td
    @MuhammadAli-hh9td 9 місяців тому +5

    9:47 itne confidence say ye part dekh raha hu meim just apki wajah say itna kuch sikhaa dia ha wo bhi achay say

  • @smartyrajcreation6788
    @smartyrajcreation6788 10 місяців тому +7

    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 місяців тому +22

    🎉 was waiting for this one!

  • @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'

  • @mrcopywriter
    @mrcopywriter 10 місяців тому +4

    OMG! was waiting for this.
    Thank you so much SIr

  • @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'

  • @er.nishant
    @er.nishant 10 місяців тому +46

    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!

  • @Mr.RaJu_BiShT_06
    @Mr.RaJu_BiShT_06 10 місяців тому +1

    I am learning programming from UA-cam from last one year and I have seen many UA-camrs here but you are unique among them all❤

  • @abhijitmone6122
    @abhijitmone6122 10 місяців тому +5

    Much needed series, thank you sir !!!

  • @suryanshpundir6179
    @suryanshpundir6179 2 місяці тому

    Completed the peoject. Perfect for people who want to work on nextjs projects in frontend and have no backend knowledge.

  • @asmr_developer7777
    @asmr_developer7777 10 місяців тому +6

    Just Completed Your Backend Series❤
    Sir Thank you so much for next Js series

    • @hsrr136
      @hsrr136 10 місяців тому +1

      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 місяців тому +1

      @@hsrr136 from chai aur code

  • @qazimtahir
    @qazimtahir 10 місяців тому +2

    This is a very good news for me and all programmers as well.
    I was waiting for this class.
    Thanks dear tutor. 😊

  • @sumitkumarpatil3414
    @sumitkumarpatil3414 10 місяців тому +51

    And chaliye shuru karte hai

    • @VishaljangidJngid
      @VishaljangidJngid 10 місяців тому +4

      Chai ke saath 😂

    • @Apheta_a
      @Apheta_a 10 місяців тому

      Bina kisi bakchodi ke saath

    • @Apheta_a
      @Apheta_a 10 місяців тому +7

      Bina kisi bakchodi ke saath

  • @shadowcipheragent
    @shadowcipheragent 9 місяців тому +2

    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.

  • @mai.krishnahoon
    @mai.krishnahoon 10 місяців тому +5

    lgta hai 1cr ka package lagwake maanoge sir😂😂😂😂 btw learned alot from you . thanks for this amazing channel.🙏🙏

    • @chaiaurcode
      @chaiaurcode  10 місяців тому +5

      😂😂😂😂
      Fir hamari chai b pakki h

  • @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

  • @MuhammadZain-hf1pw
    @MuhammadZain-hf1pw 10 місяців тому +6

    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 місяців тому +1

      correct, those empty tags are called fragment

  • @jaishreekrishna1858
    @jaishreekrishna1858 7 місяців тому

    This is the Best Next.js Course in entire UA-cam for me.

  • @mrgtxgamerz1
    @mrgtxgamerz1 10 місяців тому +31

    Hnji heart chahiye comment p

  • @anonyone8834
    @anonyone8834 10 місяців тому +1

    Best introduction video of a series, btw nextjs is the mkst awaited

  • @AmitBiswas0142
    @AmitBiswas0142 10 місяців тому +12

    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👏👏👏

  • @nigam_sharma
    @nigam_sharma 10 місяців тому +1

    10:05 a real advice ☺️
    We really need mentors like you❤

  • @asmr_developer7777
    @asmr_developer7777 10 місяців тому +5

    Sir Next.js ke saath Typescript bhi sikha dijiyega ❤❤it will helps a lot

  • @itachiuchiha1029
    @itachiuchiha1029 10 місяців тому

    01:40. The way Hitesh sir say : " chinta mat karo main hu na😁" that literally boost a lots of confidence 🥰🌹

  • @Rockstar_Postmallon
    @Rockstar_Postmallon 9 місяців тому +20

    Kis kis ko pasand h ye Line ( 🖤 hanji app sab kese ho 🤍 )

    • @pkbhai-t8k
      @pkbhai-t8k 19 днів тому

      Line tho pasand hai job nhi mil Raha hain. 😰😰😰

    • @Rockstar_Postmallon
      @Rockstar_Postmallon 19 днів тому

      @pkbhai-t8k jarur milega don't feel bad.🙂

  • @r4hx1
    @r4hx1 10 місяців тому +1

    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🙏

  • @AmmarAmin-p5y
    @AmmarAmin-p5y 4 місяці тому +91

    Mujhe aaj pata chala, comment pe double click krne se like ho jaya h 😅

  • @footballmood111
    @footballmood111 10 місяців тому

    Thank you sir, for nextjs series

  • @gaurav_kulkarni.
    @gaurav_kulkarni. 10 місяців тому +3

    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 місяців тому +1

      Is quality ke video ka kaafi process hota h ji.
      Study, project, discussion, breakdown, recording, editing etc

  • @24-7-vishal-coding
    @24-7-vishal-coding 10 місяців тому +2

    I have started giving priority to your and piyush garg’s videos, because you are the only two guys who are giving out something

  • @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.

  • @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 👍

  • @frontend_insider
    @frontend_insider 10 місяців тому +2

    Hitesh sir uploading valuable free content back to back ... students are like ( haule haule chalo more sajna hum peche hai tumhare ...🤣🤣🤣🤣 )

  • @AbdulRaheem-sj5it
    @AbdulRaheem-sj5it 10 місяців тому +2

    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 9 місяців тому

      Bro it's clearly visible that it's a chatgpt comment,plz don't pollute the comment section using AI

  • @dragononfire7124
    @dragononfire7124 10 місяців тому

    Absolutely Quality Content, Hitesh Sir❣️😍.

  • @AmanKumarSinhaOfficial
    @AmanKumarSinhaOfficial 5 місяців тому +1

    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.

  • @maheshshirate2834
    @maheshshirate2834 10 місяців тому +1

    Chai tayar hai, bas sir live aagaye..... 😄🎉
    Kudos to Hitesh sir ❤🔥
    #chaiaurcode

  • @nextleveltech267
    @nextleveltech267 4 місяці тому +1

    Sir you explained really really well in this video.... I loved it so much ❤️❤️❤️

  • @aloktamrakar9541
    @aloktamrakar9541 7 місяців тому +1

    Video 1 Completed successfully ❤

  • @iamakashkumarram
    @iamakashkumarram 10 місяців тому +1

    Isi ke liye wait kar raha tha,thanks sir for this course ❤

  • @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. ❤❤❤

  • @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 💕💕

  • @harshitrajsharma
    @harshitrajsharma 10 місяців тому +1

    The best channel for beginners to get industry level knowledge ❤

  • @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.

  • @sagar-tt4ub
    @sagar-tt4ub 3 місяці тому

    35:23
    react only returns one tag, we have to cover the and {children} inside another tag

  • @ankursingh1749
    @ankursingh1749 10 місяців тому

    Finally Next js arrived and landed successfully🙂 Thank you so much for this

  • @asmittyagi6250
    @asmittyagi6250 9 місяців тому +2

    🙏🏻🙏🏻 Nextjs bhi dekhte hai kya hai, Thank you sir for making all this possible for me to learn.

  • @NishantCosmos
    @NishantCosmos 7 місяців тому +1

    Amazinggg sir, it was so helpful
    love the way you explain in detail with problem solving approach

  • @aakash6651
    @aakash6651 10 місяців тому +1

    If perfect timing exists ,then this is the proof!!! Recently started learning Nextjs

  • @mayanksh219
    @mayanksh219 10 місяців тому

    Much Much Much awaited Series Sir ji. Advance me hi Shukriya aapka😂

  • @WaqasKhanDurrani
    @WaqasKhanDurrani Місяць тому

    You made it simple and easy to understand as always. Love from Pakistan!

  • @raghuraghav6636
    @raghuraghav6636 10 місяців тому

    Sir ji shuruaat kar diya the most awaited series...

  • @abhishekkhatana1256
    @abhishekkhatana1256 10 місяців тому

    Always come with Banger Sir 🔥🔥🔥🔥

  • @atulmourya7130
    @atulmourya7130 8 місяців тому

    Honesty and priority is clearn on this channel , Thank you so much hsir!

  • @atharvaraut8683
    @atharvaraut8683 10 місяців тому

    sir you wont believe, I was thinking to start Next and got you. Thanks a lot

  • @rahulpathak7297
    @rahulpathak7297 5 місяців тому

    Thanks for explaining in a simple manner. AWESOME COURSE

  • @zaiswal-lu9nv
    @zaiswal-lu9nv 10 місяців тому +1

    most waiting playlist...Thank you so much sir

  • @hiphop861
    @hiphop861 10 місяців тому

    This was absolutely needed.was waiting for this one!

  • @PrathmeshKamble-i2x
    @PrathmeshKamble-i2x 4 місяці тому

    this is best series for next js on youtube tysm sir 🧡

  • @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

  • @aggsha7580
    @aggsha7580 3 місяці тому

    Thanks A Lot Sir for such Valuable Content ❤❤

  • @Jai-xq5hi
    @Jai-xq5hi 10 місяців тому

    Finally, Next js course. Love your all courses

  • @_Hero_24
    @_Hero_24 10 місяців тому

    soo Good to See that Finally NextJs is Started !!

  • @IOEASPIRANTS
    @IOEASPIRANTS 10 місяців тому

    this guy is putting more effort than paid tutor.
    love from nepal

  • @abhishekkashyap2984
    @abhishekkashyap2984 10 місяців тому

    I am sure! , this will be one of the best nextjs series.

  • @nitishsingh925
    @nitishsingh925 10 місяців тому +1

    I am very happy to now react to next js with Mr. HC ❤

  • @ALIhasan-pz1xl
    @ALIhasan-pz1xl 10 місяців тому

    Sir You're the champion of Programming World!

  • @Aitool-r3q
    @Aitool-r3q 10 місяців тому

    Great Explanation Sir jee Impressive👌👌🫡💖💖👍👍

  • @amankch
    @amankch 10 місяців тому

    A popular full stack framework and 200K subscriber. A WOW combination. PROGRAMMING KA PHAL MITHA HOTA HAI. 😀😃

  • @harshalashi
    @harshalashi 7 місяців тому

    On may 19th I have started with this series. Hope I will grasp the knowledge and understand Nextjs with consistency

  • @SachinSadiwal-y7l
    @SachinSadiwal-y7l 2 місяці тому

    kaafi accha laga aaj start karke aaj start kiya hai chai ke saath

  • @abhinavsingh581
    @abhinavsingh581 10 місяців тому

    Completing the comment target sir, your content is amazing🙌🙌

  • @abhishekkesharwani7453
    @abhishekkesharwani7453 2 місяці тому

    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 ..

  • @ShakthivelSubramani
    @ShakthivelSubramani 8 місяців тому

    Looking forward to be consistent and learn NextJs

  • @LearningPressure
    @LearningPressure 10 місяців тому

    This NextJS course content is really next level.

  • @sakshamjain2746
    @sakshamjain2746 10 місяців тому

    Sir, you teach very good, please don't stop making content like this

  • @rushhaaland
    @rushhaaland 10 місяців тому

    Waited for it from a long time....Very excited

  • @Prince_07123
    @Prince_07123 5 місяців тому

    Interview crack karne se koi nahi rok sakta sir hame thank you a lot sir ❤

  • @vaibhavverma6813
    @vaibhavverma6813 10 місяців тому +1

    Most awaited series

  • @anandstephan6020
    @anandstephan6020 10 місяців тому +1

    now i am full stack developer thanks for the course

  • @saqibhussainvlogs
    @saqibhussainvlogs 10 місяців тому

    Your Are Helping Many Pakistani Students By Providing This Type Of Content In Free, Who Are Learning Free Programming In A Welfare Institute, Because They Cannot Bear The Expensive Fees.
    Thanks A Lot Brother

  • @aadilkhan546
    @aadilkhan546 10 місяців тому

    Finaly Excellent series on youtube for nextjs here

  • @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.💥💯

  • @ut_yuji
    @ut_yuji 8 місяців тому

    Thank you so much sir..Just done with react after JS course from this beautiful channel

  • @KamranJamal-r2i
    @KamranJamal-r2i 9 місяців тому

    ❤❤❤❤I got 100% confidence from first video

  • @devanshmishra1862
    @devanshmishra1862 5 місяців тому

    thank you sir next js ki full series ka wait h

  • @Banker_Wale_Bhaiya
    @Banker_Wale_Bhaiya 10 місяців тому

    wah isi course ka intezaar tha aur hitesh bhaiye be like abhi course ready krke deta hu😄

  • @ashish9028
    @ashish9028 9 місяців тому +1

    Want complete advance series in Next please
    love from Nepal

  • @abhisheknavgan6829
    @abhisheknavgan6829 10 місяців тому

    Thanks a lot sir, Enjoyed the video and looking forward to learning NEXT js

  • @SuhailAlvi-n9d
    @SuhailAlvi-n9d 10 місяців тому

    The way you teach it's Amazing ❤️ Sach main better h baki sab se bhiya Thanks 👍

  • @Noumaan_Ahamed
    @Noumaan_Ahamed 10 місяців тому

    Thank you once again... was waiting for this... ❤❤❤❤

  • @mohsinzia8566
    @mohsinzia8566 2 місяці тому

    Really excited for this series!!!

  • @mandeepkumar6067
    @mandeepkumar6067 10 місяців тому +1

    Sir ji Aaj to 2Lack subs paaka hai ❤😊
    Likh ke deta hu🎉🎉

  • @SurajSinghChauhan-jp8kb
    @SurajSinghChauhan-jp8kb 10 місяців тому

    I was waiting for this series, Love you sir.

  • @sys7emH4cked
    @sys7emH4cked 10 місяців тому

    I am super excited to learn and explore next js from you 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.😍