Teaching NextJS To Primeagen

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

КОМЕНТАРІ • 131

  • @RyanTipps
    @RyanTipps Рік тому +107

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

    • @MrSprinkles1F369
      @MrSprinkles1F369 23 дні тому +3

      I thought it was because on every mount, React pours one out for our fallen brothers.

    • @RyanTipps
      @RyanTipps 22 дні тому

      @@MrSprinkles1F369 lol that made me laugh

    • @theriser8751
      @theriser8751 8 днів тому

      @@MrSprinkles1F369 LMAO

  • @hamdysaadpersonal
    @hamdysaadpersonal Рік тому +162

    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 💥

  • @slavg-k9l
    @slavg-k9l 11 місяців тому +9

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

  • @dhananjaysingh4945
    @dhananjaysingh4945 Рік тому +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.

  • @andythedishwasher1117
    @andythedishwasher1117 Рік тому +232

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

      Jonathan blow wld have a pretty different response to that

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

      What is that ​@@ianhecox90?

    • @mattb925
      @mattb925 Місяць тому +2

      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

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

  • @realbigsquid
    @realbigsquid 8 місяців тому +7

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

    • @t3dotgg
      @t3dotgg  8 місяців тому +5

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

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

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

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

  • @danh9002
    @danh9002 11 місяців тому +1

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

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

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

  • @PaulSebastianM
    @PaulSebastianM Рік тому +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.

  • @mihirchauhan9703
    @mihirchauhan9703 Рік тому

    ❤ Love the content

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

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

  • @PRen2024
    @PRen2024 4 місяці тому

    u guys should make some content with traversy media

  • @proletar-ian
    @proletar-ian Рік тому

    The line height in Primeogens Vim is painful

  • @Dev-Siri
    @Dev-Siri Рік тому +1

    8:45 bro really said "same difference"

  • @ImNotThatGoodDev
    @ImNotThatGoodDev 11 місяців тому

    Why there is Arabic in ptime's AC

  • @a89529294
    @a89529294 Рік тому

    🤴

  • @dzienisz
    @dzienisz Рік тому

    This is combo I did nothing to happen 🎉

  • @juanluisclaure6485
    @juanluisclaure6485 Рік тому +1

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

  • @juanluisclaure6485
    @juanluisclaure6485 Рік тому

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

  • @joeyywill1234
    @joeyywill1234 Рік тому

    Does this mean rip trpc? :'(

    • @joeyywill1234
      @joeyywill1234 Рік тому

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

  • @skeleton_craftGaming
    @skeleton_craftGaming Рік тому

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

  • @bp094p21
    @bp094p21 Рік тому

    prime is too quiet ..

  • @matheus-kirchesch
    @matheus-kirchesch 9 місяців тому

    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

  • @JackTheFlap_
    @JackTheFlap_ Рік тому +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  Рік тому +24

      Legend 🙏🙏

    • @davak72
      @davak72 7 місяців тому +13

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

    • @phreakadelle
      @phreakadelle 7 місяців тому +4

      @@davak72 I'm also wondering...

  • @pooyaestakhry
    @pooyaestakhry 7 місяців тому +11

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

  • @matt1988ish
    @matt1988ish 7 місяців тому +6

    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

  • @lappi_wojak
    @lappi_wojak 9 місяців тому +3

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

    • @DashNothing
      @DashNothing 8 місяців тому +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 2 місяці тому +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

  • @MrSprinkles1F369
    @MrSprinkles1F369 23 дні тому +2

    This is like Iron Man collaborating with Batman

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

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

  • @bevansbench
    @bevansbench Рік тому +44

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

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

    • @maelstrom57
      @maelstrom57 9 місяців тому

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

      They never looked back to the og

    • @shinobiwannabe
      @shinobiwannabe 7 місяців тому +3

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

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

      Snowflake deleted my reply LMAO

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

    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.

  • @jose6183
    @jose6183 Рік тому +8

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

  • @azrafal
    @azrafal Рік тому +12

    My two favorite creators ❤️

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

  • @bryanlittle4647
    @bryanlittle4647 8 місяців тому +4

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

  • @ninjaasmoke
    @ninjaasmoke 9 місяців тому +3

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

    • @imad_eight
      @imad_eight 4 місяці тому

      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 28 днів тому

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

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

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

  • @MrSofazocker
    @MrSofazocker Рік тому +1

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

  • @azrafal
    @azrafal Рік тому +1

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

  • @nickmurdaugh9856
    @nickmurdaugh9856 2 місяці тому +1

    Did the Advent of Code thing ever happen..?

  • @alexbecar977
    @alexbecar977 Рік тому +2

    Rust looks easy compared to this lol

  • @PaulBunkey
    @PaulBunkey Рік тому +16

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

    • @mazharansari7813
      @mazharansari7813 11 місяців тому +1

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

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

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

  • @RyanTipps
    @RyanTipps Рік тому +2

    lol @ Prime "Im already there"

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

    Only Pans

  • @kurokurovich
    @kurokurovich Рік тому +2

    php and rails 🔥

  • @michimansi
    @michimansi 13 днів тому

    Strict mode to find side effects!

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

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

  • @mistart1633
    @mistart1633 11 місяців тому

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

  • @renanlido_dev
    @renanlido_dev 9 місяців тому

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

  • @Henry-mc5yq
    @Henry-mc5yq Рік тому +2

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

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

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

  • @tochithebedford7672
    @tochithebedford7672 Рік тому +13

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

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

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

  • @Julia_Berrrlin
    @Julia_Berrrlin Рік тому

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

  • @markusobermaier
    @markusobermaier Рік тому +9

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

  • @AhmadMughal1
    @AhmadMughal1 11 місяців тому

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

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

    What's this? A crossover episode?

  • @nikolamar
    @nikolamar Рік тому

    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?

  • @Alexey0795
    @Alexey0795 Рік тому +1

    28:28

  • @johnbaxter7582
    @johnbaxter7582 9 місяців тому

    "Are you Jon Snow" I'm dead 💀

  • @masuya444
    @masuya444 Рік тому

    Use IDE bruhhh u killing me!

  • @ziyadsalem1068
    @ziyadsalem1068 9 місяців тому

    Why are there arabic words in his autocomplete

  • @basil127
    @basil127 11 місяців тому

    Finally I learned next js..

  • @itsabdulghani
    @itsabdulghani Рік тому

    theprimeagent needs to meet dan abramov

  • @Soulis98
    @Soulis98 Рік тому

    Does Theo has a discord server?

  • @zombiefacesupreme
    @zombiefacesupreme Рік тому +7

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

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

    You guys are awesome :)

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

    HealthyGamerGG hype!

  • @BobbyBerberyan
    @BobbyBerberyan 9 місяців тому

    Loved it. 👌

  • @lalithrockz
    @lalithrockz Рік тому

    12:00 strict mode is on

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

    you are the best T3

  • @succatash
    @succatash Рік тому

    Will you hire a sales rep off commission?

  • @shadowflame7788
    @shadowflame7788 Рік тому

    Nuxt 3 > Next 13

  • @purpinkn
    @purpinkn Рік тому

    so prime just has no audio? why watch then?

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

      Did you watch more than 2 mins?

  • @renegade5942
    @renegade5942 Рік тому

    Bro this theo guy is a hidden Gem

  • @devdude7607
    @devdude7607 11 місяців тому

    BEST!

  • @raisama965
    @raisama965 11 місяців тому

    Really learned a lot

  • @DanielBogusz
    @DanielBogusz Рік тому +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.

  • @kubre
    @kubre Рік тому

    Poggers

  • @techworld3043
    @techworld3043 Рік тому

    this was awesome stream ,

  • @mrnabby4178
    @mrnabby4178 9 місяців тому

    2:53 alright i'm leaving.

  • @matt1988ish
    @matt1988ish 7 місяців тому +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.

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

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

  • @francoisarbour1207
    @francoisarbour1207 Рік тому

    Well done man!

  • @prabinlamsal74
    @prabinlamsal74 Рік тому +1

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

    • @AD-wg8ik
      @AD-wg8ik 11 місяців тому +2

      Full stack

  • @1998goodboy
    @1998goodboy Рік тому

    omg please do this but with react native ;-;

    • @nvr5073
      @nvr5073 Рік тому

      it’s no different

    • @nvr5073
      @nvr5073 Рік тому

      trpc docs are very good you could add to RN easily

    • @1998goodboy
      @1998goodboy Рік тому

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

    • @nvr5073
      @nvr5073 Рік тому

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

    • @1998goodboy
      @1998goodboy Рік тому

      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

  • @pablogrant8803
    @pablogrant8803 Рік тому

    MAKE HIM USE ANGULAR

    • @ashrafal
      @ashrafal Рік тому +1

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

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

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

  • @MarcelRobitaille
    @MarcelRobitaille Рік тому

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

  • @gabrielmedeiros9806
    @gabrielmedeiros9806 Рік тому

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

  • @rogercodina8515
    @rogercodina8515 Рік тому

    Amazing