Teaching NextJS To Primeagen

Ғылым және технология

Our boy Prime got invited to NextJSConf...but he's never used NextJS. Let's fix that.
HUGE SHOUTOUT @JackTheFlap_ FOR TIMESTAMPS
00:00:00 - Teaching Primeagen Next.JS
00:01:50 - Using create-next-app
00:27:43 - Using create-t3-app

Пікірлер: 116

  • @hamdysaadpersonal
    @hamdysaadpersonal Жыл бұрын

    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 💥

  • @JackTheFlap_
    @JackTheFlap_ Жыл бұрын

    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

    Жыл бұрын

    Legend 🙏🙏

  • @davak72

    @davak72

    3 ай бұрын

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

  • @phreakadelle

    @phreakadelle

    3 ай бұрын

    @@davak72 I'm also wondering...

  • @RyanTipps
    @RyanTipps Жыл бұрын

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

  • @pooyaestakhry
    @pooyaestakhry3 ай бұрын

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

  • @andythedishwasher1117
    @andythedishwasher1117 Жыл бұрын

    "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

    4 ай бұрын

    Jonathan blow wld have a pretty different response to that

  • @dwaynewadethree

    @dwaynewadethree

    3 ай бұрын

    What is that ​@@ianhecox90?

  • @bryanlittle4647
    @bryanlittle46475 ай бұрын

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

  • @user-dn7yl7ms1u
    @user-dn7yl7ms1u8 ай бұрын

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

  • @dhananjaysingh4945
    @dhananjaysingh4945 Жыл бұрын

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

  • @danh9002
    @danh90027 ай бұрын

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

  • @jose6183
    @jose6183 Жыл бұрын

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

  • @bevansbench
    @bevansbench9 ай бұрын

    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

    5 ай бұрын

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

  • @maelstrom57

    @maelstrom57

    5 ай бұрын

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

    4 ай бұрын

    They never looked back to the og

  • @shinobiwannabe

    @shinobiwannabe

    4 ай бұрын

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

  • @maelstrom57

    @maelstrom57

    4 ай бұрын

    Snowflake deleted my reply LMAO

  • @azrafal
    @azrafal Жыл бұрын

    My two favorite creators ❤️

  • @michaeletzkorn
    @michaeletzkorn6 ай бұрын

    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

    6 ай бұрын

    Yeaaa

  • @PaulBunkey
    @PaulBunkey Жыл бұрын

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

  • @mazharansari7813

    @mazharansari7813

    7 ай бұрын

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

  • @zugrath16

    @zugrath16

    4 ай бұрын

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

  • @tochithebedford7672
    @tochithebedford7672 Жыл бұрын

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

  • @firaol7918
    @firaol79185 ай бұрын

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

  • @renegade5942
    @renegade5942 Жыл бұрын

    Bro this theo guy is a hidden Gem

  • @realbigsquid
    @realbigsquid4 ай бұрын

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

  • @t3dotgg

    @t3dotgg

    4 ай бұрын

    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

    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.

  • @matt1988ish
    @matt1988ish3 ай бұрын

    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

  • @raisama965
    @raisama9658 ай бұрын

    Really learned a lot

  • @techworld3043
    @techworld3043 Жыл бұрын

    this was awesome stream ,

  • @mihirchauhan9703
    @mihirchauhan9703 Жыл бұрын

    ❤ Love the content

  • @francoisarbour1207
    @francoisarbour1207 Жыл бұрын

    Well done man!

  • @user-ge2vc3rl1n
    @user-ge2vc3rl1n Жыл бұрын

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

  • @renanlido_dev
    @renanlido_dev5 ай бұрын

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

  • @PaulSebastianM
    @PaulSebastianM Жыл бұрын

    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.

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

  • @noverdy
    @noverdy6 ай бұрын

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

  • @markusobermaier
    @markusobermaier Жыл бұрын

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

  • @BobbyBerberyan
    @BobbyBerberyan5 ай бұрын

    Loved it. 👌

  • @matt1988ish
    @matt1988ish3 ай бұрын

    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

    3 ай бұрын

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

  • @azrafal
    @azrafal Жыл бұрын

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

  • @coreyalix
    @coreyalix6 ай бұрын

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

  • @ninjaasmoke
    @ninjaasmoke5 ай бұрын

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

  • @imad_eight

    @imad_eight

    8 күн бұрын

    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)

  • @PeterJaffray
    @PeterJaffray4 ай бұрын

    You guys are awesome :)

  • @kurokurovich
    @kurokurovich Жыл бұрын

    php and rails 🔥

  • @MrSofazocker
    @MrSofazocker Жыл бұрын

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

  • @Henry-mc5yq
    @Henry-mc5yq Жыл бұрын

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

  • @basil127
    @basil1277 ай бұрын

    Finally I learned next js..

  • @mixtv3668
    @mixtv36687 ай бұрын

    you are the best T3

  • @sportsnow8729
    @sportsnow87294 ай бұрын

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

  • @KarlOlofsson
    @KarlOlofsson6 ай бұрын

    HealthyGamerGG hype!

  • @johnbaxter7582
    @johnbaxter75826 ай бұрын

    "Are you Jon Snow" I'm dead 💀

  • @vali69
    @vali69Сағат бұрын

    What's this? A crossover episode?

  • @RyanTipps
    @RyanTipps Жыл бұрын

    lol @ Prime "Im already there"

  • @devdude7607
    @devdude76077 ай бұрын

    BEST!

  • @VELIXYZ
    @VELIXYZ6 ай бұрын

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

  • @succatash
    @succatash Жыл бұрын

    Will you hire a sales rep off commission?

  • @a89529294
    @a89529294 Жыл бұрын

    🤴

  • @zombiefacesupreme
    @zombiefacesupreme Жыл бұрын

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

  • @kubre
    @kubre Жыл бұрын

    Poggers

  • @AhmadMughal1
    @AhmadMughal17 ай бұрын

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

  • @PRen2024
    @PRen202426 күн бұрын

    u guys should make some content with traversy media

  • @lappi_wojak
    @lappi_wojak5 ай бұрын

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

  • @DashNothing

    @DashNothing

    4 ай бұрын

    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.

  • @lalithrockz
    @lalithrockz8 ай бұрын

    12:00 strict mode is on

  • @abrahimzaman360
    @abrahimzaman3605 ай бұрын

    Only Pans

  • @proletar-ian
    @proletar-ian10 ай бұрын

    The line height in Primeogens Vim is painful

  • @masuya444
    @masuya444 Жыл бұрын

    Use IDE bruhhh u killing me!

  • @DoctorSoulis
    @DoctorSoulis Жыл бұрын

    Does Theo has a discord server?

  • @Julia_Berrrlin
    @Julia_Berrrlin Жыл бұрын

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

  • @itsabdulghani
    @itsabdulghani Жыл бұрын

    theprimeagent needs to meet dan abramov

  • @joeyywill1234
    @joeyywill1234 Жыл бұрын

    Does this mean rip trpc? :'(

  • @joeyywill1234

    @joeyywill1234

    Жыл бұрын

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

  • @purpinkn
    @purpinkn9 ай бұрын

    so prime just has no audio? why watch then?

  • @jamesalickolli

    @jamesalickolli

    3 ай бұрын

    Did you watch more than 2 mins?

  • @Alexey0795
    @Alexey0795 Жыл бұрын

    28:28

  • @ziyadsalem1068
    @ziyadsalem10686 ай бұрын

    Why are there arabic words in his autocomplete

  • @km-mk9503
    @km-mk95037 ай бұрын

    Why there is Arabic in ptime's AC

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

  • @mrnabby4178
    @mrnabby41785 ай бұрын

    2:53 alright i'm leaving.

  • @MarcelRobitaille
    @MarcelRobitaille Жыл бұрын

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

  • @Dev-Siri
    @Dev-Siri11 ай бұрын

    8:45 bro really said "same difference"

  • @dzienisz
    @dzienisz8 ай бұрын

    This is combo I did nothing to happen 🎉

  • @prabinlamsal74
    @prabinlamsal748 ай бұрын

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

  • @AD-wg8ik

    @AD-wg8ik

    7 ай бұрын

    Full stack

  • @pablogrant8803
    @pablogrant8803 Жыл бұрын

    MAKE HIM USE ANGULAR

  • @ashrafal

    @ashrafal

    Жыл бұрын

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

  • @Sheikhhamiz

    @Sheikhhamiz

    3 ай бұрын

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

  • @sansmoraxz
    @sansmoraxz6 ай бұрын

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

  • @juanluisclaure6485
    @juanluisclaure6485 Жыл бұрын

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

  • @juanluisclaure6485
    @juanluisclaure6485 Жыл бұрын

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

  • @shadowflame7788
    @shadowflame77888 ай бұрын

    Nuxt 3 > Next 13

  • @alexbecar977
    @alexbecar977 Жыл бұрын

    Rust looks easy compared to this lol

  • @DanielBogusz
    @DanielBogusz Жыл бұрын

    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.

  • @bp094p21
    @bp094p21 Жыл бұрын

    prime is too quiet ..

  • @rogercodina8515
    @rogercodina8515 Жыл бұрын

    Amazing

  • @mistart1633
    @mistart16337 ай бұрын

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

  • @skeleton_craftGaming
    @skeleton_craftGaming8 ай бұрын

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

  • @gabrielmedeiros9806
    @gabrielmedeiros98068 ай бұрын

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

  • @matheus-kirchesch
    @matheus-kirchesch6 ай бұрын

    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

Келесі