Teaching NextJS To Primeagen

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 พ.ย. 2024

ความคิดเห็น • 131

  • @JackTheFlap_
    @JackTheFlap_ 2 ปีที่แล้ว +127

    Timestamps:
    00:00:00 - Teaching Primeagen Next.JS
    00:01:50 - Using create-next-app
    00:27:43 - Using create-t3-app
    01:19:51 - Primeagen leaves & interim
    01:33:25 - React & NextJS Are Changing - JS Promise using Suspense
    02:08:50 - Be right back
    02:15:06 - Interim
    02:23:18 - React with Promises - What Changes
    02:44:23 - Interim / outro

    • @t3dotgg
      @t3dotgg  2 ปีที่แล้ว +23

      Legend 🙏🙏

    • @davak72
      @davak72 9 หลายเดือนก่อน +15

      Confused by these time stamps haha. Did the video get chopped down after upload?

    • @phreakadelle
      @phreakadelle 9 หลายเดือนก่อน +4

      @@davak72 I'm also wondering...

  • @hamdysaadpersonal
    @hamdysaadpersonal 2 ปีที่แล้ว +163

    These streams really made me a good developer.. Not only at coding level but they gave me a lot of ideas and made me have my own thoughts on any new framework of technology.. Thank you guys 💙💙 and keep up the great work 💥

  • @RyanTipps
    @RyanTipps 2 ปีที่แล้ว +114

    11:19 - i had no idea that was WHY react did the double render in dev/strict mode. Thanks Theo

    • @RyanTipps
      @RyanTipps 2 หลายเดือนก่อน

      @MrSprinkles1F369 lol that made me laugh

    • @theriser8751
      @theriser8751 หลายเดือนก่อน

      @MrSprinkles1F369 LMAO

  • @pooyaestakhry
    @pooyaestakhry 9 หลายเดือนก่อน +14

    I like this way of teaching because you are teaching a fellow senior developer and it goes fast and on point.

  • @TheHronar
    @TheHronar 8 หลายเดือนก่อน +8

    After Theo realized he wasn't at all going to be able to control the flow of the video and gave over to that fact, he started having fun :D

  • @bevansbench
    @bevansbench ปีที่แล้ว +46

    As a PHP it is fascinating to hear you speak to page based routing as "like PHP" I haven't done page based routing in PHP in about 15years

    • @sudeshryan8707
      @sudeshryan8707 11 หลายเดือนก่อน +11

      Nobody is. when These guys talk about PHP they think 2001 php, which nobody even remembers now in PHP world LOL

    • @maelstrom57
      @maelstrom57 10 หลายเดือนก่อน

      @@sudeshryan8707 Don't pretend like the vast majority of all PHP code online isn't atrocious old-fashioned PHP with page-based routing, include/require imports, database connections interpolated in HTML markup and all that jazz. The clean version 7 & 8 style PHP you have in mind is still a tiny minority of projects.

    • @joydeepbhowmik6181
      @joydeepbhowmik6181 9 หลายเดือนก่อน +2

      They never looked back to the og

    • @shinobiwannabe
      @shinobiwannabe 9 หลายเดือนก่อน +2

      I was doing page based php 3 years ago, but the app is 20 years old

    • @maelstrom57
      @maelstrom57 9 หลายเดือนก่อน +1

      Snowflake deleted my reply LMAO

  • @bryanlittle4647
    @bryanlittle4647 10 หลายเดือนก่อน +4

    Holy cow this was awesome seeing you work through issues in real time. I want a crap ton of content like this.

  • @martinsandgaard1273
    @martinsandgaard1273 หลายเดือนก่อน +1

    Great video. I really enjoy this. It's like a stream from a good vibing office.

  • @michaeletzkorn
    @michaeletzkorn 11 หลายเดือนก่อน +15

    16:42 Theo going from questioning whether Prime's vim is properly setup to Prime being the first to figure out something's wrong syntatically is an absolute gigachad vim flex.

    • @UwU-dx5hu
      @UwU-dx5hu 11 หลายเดือนก่อน

      Yeaaa

  • @slavg-k9l
    @slavg-k9l ปีที่แล้ว +9

    At 9:26 I already learned two things I did not know. Thank you for this content.

  • @jose6183
    @jose6183 2 ปีที่แล้ว +8

    That thumbnail is gold🤣🤣🤣 I love the friendly competition

  • @dhananjaysingh4945
    @dhananjaysingh4945 2 ปีที่แล้ว +22

    This is I was waiting for. LOVED the content. Primeagen is so great at understanding concepts so quick. What a chemistry you guys have.

  • @azrafal
    @azrafal 2 ปีที่แล้ว +12

    My two favorite creators ❤️

  • @andythedishwasher1117
    @andythedishwasher1117 ปีที่แล้ว +244

    "Why do so many devs have imposter syndrome?" Because the economy tells us we are worthless until we make something that rich people care about.

    • @ianhecox90
      @ianhecox90 10 หลายเดือนก่อน +3

      Jonathan blow wld have a pretty different response to that

    • @dwaynewadethree
      @dwaynewadethree 9 หลายเดือนก่อน +1

      What is that ​@@ianhecox90?

    • @mattb925
      @mattb925 3 หลายเดือนก่อน +3

      Or maybe actually study for the job you're doing and you're not going to have any impostor syndrome. But yeah sure blaming rich people will solve that 😂

    • @andythedishwasher1117
      @andythedishwasher1117 3 หลายเดือนก่อน +5

      @mattb925 In retrospect, you've got a point. After now having studied some more, I now feel less like an impostor because I have a better concept of the precise range of projects I'm currently equipped to handle. I'm sure there are a bunch of my comments on Prime videos that I will slap my forehead at later, but he's been an excellent learning resource in my growth process.

  • @user-ge2vc3rl1n
    @user-ge2vc3rl1n ปีที่แล้ว +3

    18:50 Where you say you don't have to be good at typescript is actually refreshing. Like what is even happening there.

  • @PaulBunkey
    @PaulBunkey ปีที่แล้ว +16

    Such a nice couple. I love to see their family arguments on youtube and twitch. So cute. ;)

    • @mazharansari7813
      @mazharansari7813 ปีที่แล้ว +1

      I hope They'll have kids in future...

    • @zugrath16
      @zugrath16 9 หลายเดือนก่อน

      @@mazharansari7813 A bunch of toddlers running around with dyed hair and moustaches, yes I can see it

  • @lancecourse
    @lancecourse หลายเดือนก่อน

    The definition at the beginning was so important for me

  • @noverdy
    @noverdy 11 หลายเดือนก่อน +2

    8:42 theo being visibly annoyed by the anonymous function lol

  • @markusobermaier
    @markusobermaier 2 ปีที่แล้ว +9

    The t3 stack is the holy grail of web dev...thanks for this 💎​ theo!

  • @ninjaasmoke
    @ninjaasmoke 10 หลายเดือนก่อน +4

    dayum, it’s like there are 20 engineers in this video

    • @imad_eight
      @imad_eight 5 หลายเดือนก่อน

      What kind of engineers u've met in your life to say that thèse two are like 20 engineers 😂😂 (no attack against u, but genuinely curious)

    • @nullbeyondo
      @nullbeyondo 2 หลายเดือนก่อน

      @@imad_eight I think he meant that they're both 10x engineers as a complement, so overall 20x.

  • @firaol7918
    @firaol7918 11 หลายเดือนก่อน +1

    I want this type of content from you guys. please do it more.

  • @realbigsquid
    @realbigsquid 9 หลายเดือนก่อน +8

    It's really strange to look back at next before the app router. It's so much better with server components

    • @t3dotgg
      @t3dotgg  9 หลายเดือนก่อน +7

      Agreed. I kind of want to re-teach Prime with the new stuff but idk if he'd be willing to do this twice

    • @realbigsquid
      @realbigsquid 9 หลายเดือนก่อน +6

      @t3dotgg I think it is only fair if he's gonna keep dunking on us js devs lol. I would like to see what he says now.

    • @okage_
      @okage_ หลายเดือนก่อน

      @@t3dotgg i know its been 8 months since but thanks for even doing this, learnt alot
      and its my second rewatch

  • @tochithebedford7672
    @tochithebedford7672 2 ปีที่แล้ว +13

    the amount of info in the first 15 minutes alone is insane

  • @danh9002
    @danh9002 ปีที่แล้ว +1

    Both of you are awesome. Thank you for sharing this.

  • @azrafal
    @azrafal 2 ปีที่แล้ว +2

    "All my jumping to definition just stop working then I don't want program anymore." - Primeagen

  • @nickmurdaugh9856
    @nickmurdaugh9856 4 หลายเดือนก่อน +2

    Did the Advent of Code thing ever happen..?

  • @renanlido_dev
    @renanlido_dev 11 หลายเดือนก่อน

    The Theo face`s it`s so funny! The face`s says "Unbelievable"...😂😂😂😂😂😂

  • @VELIXYZ
    @VELIXYZ ปีที่แล้ว +2

    After watching first 20 minutes I am happy that I am using Nuxt and not Next

  • @MrSofazocker
    @MrSofazocker ปีที่แล้ว +1

    Have you ever heard about Kirby?
    Pure php and works quite similar and can simply have a folder based CMS.

  • @Henry-mc5yq
    @Henry-mc5yq 2 ปีที่แล้ว +2

    Please don’t get rid of the characters I love how explicit it is

  • @TheRogueRenegades
    @TheRogueRenegades ปีที่แล้ว

    Bro this theo guy is a hidden Gem

  • @PaulSebastianM
    @PaulSebastianM 2 ปีที่แล้ว +1

    18:25 don't you just need to add a third if else condition there for when T extends (context?: GetServerSidePropsContext) => GetServerSidePropsResult and in that case return P? Seems like a simple fix to support non-async getServerSideProps functions.

  • @nescafezos4265
    @nescafezos4265 4 หลายเดือนก่อน

    26:30 Good shutout to PHP! I use it in 2024 XD and I like it, and it is simple

  • @coreyalix
    @coreyalix 11 หลายเดือนก่อน

    Just in time refactoring is a useful design pattern. If it ain't broke...

  • @johnbaxter7582
    @johnbaxter7582 11 หลายเดือนก่อน

    "Are you Jon Snow" I'm dead 💀

  • @football69247
    @football69247 9 หลายเดือนก่อน

    Next guys already did inserted the Sync | Async pattern on ServerProps????

  • @lappi_wojak
    @lappi_wojak 10 หลายเดือนก่อน +4

    I'm trying to follow this guide 1 year after. And there is no 'pages' folder anymore. JS consistency in a nutshell 🤡

    • @DashNothing
      @DashNothing 9 หลายเดือนก่อน +2

      There's an option to choose whether to use the new app router or the pages router when you create a new Next project. When using the T3 stack it even offers the pages router by default.

    • @zeez7777
      @zeez7777 4 หลายเดือนก่อน +1

      Yeah rewrite everything and introduce breaking changes with every update and force everyone to relearn the same thing just differently cause why not - type circus

  • @nikolamar
    @nikolamar 2 ปีที่แล้ว

    Theo do you have a link on how to deploy the t3 stack to AWS, what would be the easiest way to deploy you can think of?

  • @zinedine911
    @zinedine911 24 วันที่ผ่านมา

    wow, nextJS in one hour

  • @raisama965
    @raisama965 ปีที่แล้ว

    Really learned a lot

  • @techworld3043
    @techworld3043 2 ปีที่แล้ว

    this was awesome stream ,

  • @zombiefacesupreme
    @zombiefacesupreme 2 ปีที่แล้ว +7

    2:42:00 was a seriously head explosion moment for me. It's going to be so easy!!

  • @kurokurovich
    @kurokurovich ปีที่แล้ว +2

    php and rails 🔥

  • @vali69
    @vali69 5 หลายเดือนก่อน

    What's this? A crossover episode?

  • @AhmadMughal1
    @AhmadMughal1 ปีที่แล้ว

    Very new to Next and still have no clue what tRPC ever does

  • @RyanTipps
    @RyanTipps 2 ปีที่แล้ว +2

    lol @ Prime "Im already there"

  • @mixtv3668
    @mixtv3668 ปีที่แล้ว

    you are the best T3

  • @KarlOlofsson
    @KarlOlofsson 11 หลายเดือนก่อน

    HealthyGamerGG hype!

  • @BobbyBerberyan
    @BobbyBerberyan 11 หลายเดือนก่อน

    Loved it. 👌

  • @basil127
    @basil127 ปีที่แล้ว

    Finally I learned next js..

  • @lalithrockz
    @lalithrockz ปีที่แล้ว +1

    12:00 strict mode is on

  • @proletar-ian
    @proletar-ian ปีที่แล้ว

    The line height in Primeogens Vim is painful

  • @francoisarbour1207
    @francoisarbour1207 2 ปีที่แล้ว

    Well done man!

  • @mihirchauhan9703
    @mihirchauhan9703 2 ปีที่แล้ว

    ❤ Love the content

  • @succatash
    @succatash 2 ปีที่แล้ว

    Will you hire a sales rep off commission?

  • @PRen2024
    @PRen2024 6 หลายเดือนก่อน

    u guys should make some content with traversy media

  • @PeterJaffray
    @PeterJaffray 9 หลายเดือนก่อน

    You guys are awesome :)

  • @TheHronar
    @TheHronar 8 หลายเดือนก่อน +1

    re: Imposter syndrome.
    By virtue of having Imposter Syndrome you are already a better dev than most simply because having imposter syndrome means you CARE.

    • @TheHronar
      @TheHronar 8 หลายเดือนก่อน

      Not implying that devs without imposter syndrome don't care, just implying that devs with Imposter Syndrome almost definitely care.

  • @michimansi
    @michimansi หลายเดือนก่อน

    Strict mode to find side effects!

  • @Julia_Berrrlin
    @Julia_Berrrlin 2 ปีที่แล้ว

    why is there only one competitor caring about frontend and backend?

  • @Soulis98
    @Soulis98 2 ปีที่แล้ว

    Does Theo has a discord server?

  • @devdude7607
    @devdude7607 ปีที่แล้ว

    BEST!

  • @abrahimzaman360
    @abrahimzaman360 10 หลายเดือนก่อน +1

    Only Pans

  • @masuya444
    @masuya444 2 ปีที่แล้ว

    Use IDE bruhhh u killing me!

  • @ImNotThatGoodDev
    @ImNotThatGoodDev ปีที่แล้ว

    Why there is Arabic in ptime's AC

  • @itsabdulghani
    @itsabdulghani 2 ปีที่แล้ว

    theprimeagent needs to meet dan abramov

  • @ziyadsalem1068
    @ziyadsalem1068 11 หลายเดือนก่อน

    Why are there arabic words in his autocomplete

  • @joeyywill1234
    @joeyywill1234 2 ปีที่แล้ว

    Does this mean rip trpc? :'(

    • @joeyywill1234
      @joeyywill1234 2 ปีที่แล้ว

      That was a dumb question, I am sorry to anyone who I hurt 😅

  • @sansmoraxz
    @sansmoraxz ปีที่แล้ว

    Imagine someone starting a OF account just posting their unixp***

  • @Dev-Siri
    @Dev-Siri ปีที่แล้ว +1

    8:45 bro really said "same difference"

  • @prabinlamsal74
    @prabinlamsal74 ปีที่แล้ว +1

    Why does he say that Nextjs is a backend framework though? it is a frontend framework, no?

    • @AD-wg8ik
      @AD-wg8ik ปีที่แล้ว +2

      Full stack

  • @1998goodboy
    @1998goodboy 2 ปีที่แล้ว

    omg please do this but with react native ;-;

    • @nvr5073
      @nvr5073 2 ปีที่แล้ว

      it’s no different

    • @nvr5073
      @nvr5073 2 ปีที่แล้ว

      trpc docs are very good you could add to RN easily

    • @1998goodboy
      @1998goodboy 2 ปีที่แล้ว

      I meant like a whole "tutorial" of him teaching someone how to properly do RN

    • @nvr5073
      @nvr5073 2 ปีที่แล้ว

      @@1998goodboy it’s pretty much exactly the same minus the nextjs stuff so no server side rendering

    • @1998goodboy
      @1998goodboy 2 ปีที่แล้ว

      Yeah I guess, my issues are to-do with being completly new to react in general and diving strsigh to RN out of the need to develop a mobile app

  • @a89529294
    @a89529294 2 ปีที่แล้ว

    🤴

  • @dzienisz
    @dzienisz ปีที่แล้ว

    This is combo I did nothing to happen 🎉

  • @mrnabby4178
    @mrnabby4178 11 หลายเดือนก่อน

    2:53 alright i'm leaving.

    • @MaxOut931
      @MaxOut931 2 หลายเดือนก่อน

      Bye! 👋

  • @kubre
    @kubre 2 ปีที่แล้ว

    Poggers

  • @shadowflame7788
    @shadowflame7788 ปีที่แล้ว

    Nuxt 3 > Next 13

  • @juanluisclaure6485
    @juanluisclaure6485 2 ปีที่แล้ว

    lol that face when just with async is working! the worst

  • @pablogrant8803
    @pablogrant8803 2 ปีที่แล้ว

    MAKE HIM USE ANGULAR

    • @ashrafal
      @ashrafal 2 ปีที่แล้ว +1

      Beware of what you wish for, People with even slightest JAVA Syndrome like TS and love Angular.

    • @Sheikhhamiz
      @Sheikhhamiz 9 หลายเดือนก่อน

      I suffer from Java syndrome and still hate Angular. React is so much better imo​@@ashrafal

  • @alexbecar977
    @alexbecar977 2 ปีที่แล้ว +1

    Rust looks easy compared to this lol

  • @DanielBogusz
    @DanielBogusz 2 ปีที่แล้ว +1

    Please normalize sound. You are louder around 40% also something is wrong with your sound like a lot of unpleasant pop noises and very high pitch ones. Maybe the mic, maybe need for pop filter, maybe some processing. Guest voice is much more pleasant to hear.

  • @mistart1633
    @mistart1633 ปีที่แล้ว

    T3 contains prisma which makes not saleable at all. Please stop marketing for prisma

  • @Alexey0795
    @Alexey0795 2 ปีที่แล้ว +1

    28:28

  • @MarcelRobitaille
    @MarcelRobitaille 2 ปีที่แล้ว

    How does this not create a new promise every render? For example 1:49:47

  • @juanluisclaure6485
    @juanluisclaure6485 2 ปีที่แล้ว +1

    lol that face when you want to know how next is working to console log two times without rason. #metoo

  • @skeleton_craftGaming
    @skeleton_craftGaming ปีที่แล้ว

    I can't stand JavaScript either. But unlike you two, I couldn't stand JavaScript and moved to C++.

  • @randovidupload9422
    @randovidupload9422 3 หลายเดือนก่อน

    This has to be the worst video of nextjs I've ever seen esp. for an introduction. What a clusture F

  • @bp094p21
    @bp094p21 2 ปีที่แล้ว

    prime is too quiet ..

  • @rogercodina8515
    @rogercodina8515 2 ปีที่แล้ว

    Amazing

  • @gabrielmedeiros9806
    @gabrielmedeiros9806 ปีที่แล้ว

    I think the second time of console.log it was because of strict mode

  • @matheus-kirchesch
    @matheus-kirchesch 11 หลายเดือนก่อน

    2:04 LOLOLOLOLOL except NOT, nextjs is dumb and counter intuitive, it takes React which is a great framework to build apps on and fills it with rushed / not thought out BS