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
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 💥
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
Жыл бұрын
Legend 🙏🙏
@davak72
3 ай бұрын
Confused by these time stamps haha. Did the video get chopped down after upload?
@phreakadelle
3 ай бұрын
@@davak72 I'm also wondering...
11:19 - i had no idea that was WHY react did the double render in dev/strict mode. Thanks Theo
I like this way of teaching because you are teaching a fellow senior developer and it goes fast and on point.
"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
4 ай бұрын
Jonathan blow wld have a pretty different response to that
@dwaynewadethree
3 ай бұрын
What is that @@ianhecox90?
Holy cow this was awesome seeing you work through issues in real time. I want a crap ton of content like this.
At 9:26 I already learned two things I did not know. Thank you for this content.
This is I was waiting for. LOVED the content. Primeagen is so great at understanding concepts so quick. What a chemistry you guys have.
Both of you are awesome. Thank you for sharing this.
That thumbnail is gold🤣🤣🤣 I love the friendly competition
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
5 ай бұрын
Nobody is. when These guys talk about PHP they think 2001 php, which nobody even remembers now in PHP world LOL
@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
4 ай бұрын
They never looked back to the og
@shinobiwannabe
4 ай бұрын
I was doing page based php 3 years ago, but the app is 20 years old
@maelstrom57
4 ай бұрын
Snowflake deleted my reply LMAO
My two favorite creators ❤️
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
6 ай бұрын
Yeaaa
Such a nice couple. I love to see their family arguments on youtube and twitch. So cute. ;)
@mazharansari7813
7 ай бұрын
I hope They'll have kids in future...
@zugrath16
4 ай бұрын
@@mazharansari7813 A bunch of toddlers running around with dyed hair and moustaches, yes I can see it
the amount of info in the first 15 minutes alone is insane
I want this type of content from you guys. please do it more.
Bro this theo guy is a hidden Gem
It's really strange to look back at next before the app router. It's so much better with server components
@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
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.
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
Really learned a lot
this was awesome stream ,
❤ Love the content
Well done man!
18:50 Where you say you don't have to be good at typescript is actually refreshing. Like what is even happening there.
The Theo face`s it`s so funny! The face`s says "Unbelievable"...😂😂😂😂😂😂
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.
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?
8:42 theo being visibly annoyed by the anonymous function lol
The t3 stack is the holy grail of web dev...thanks for this 💎 theo!
Loved it. 👌
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
3 ай бұрын
Not implying that devs without imposter syndrome don't care, just implying that devs with Imposter Syndrome almost definitely care.
"All my jumping to definition just stop working then I don't want program anymore." - Primeagen
Just in time refactoring is a useful design pattern. If it ain't broke...
dayum, it’s like there are 20 engineers in this video
@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)
You guys are awesome :)
php and rails 🔥
Have you ever heard about Kirby? Pure php and works quite similar and can simply have a folder based CMS.
Please don’t get rid of the characters I love how explicit it is
Finally I learned next js..
you are the best T3
Next guys already did inserted the Sync | Async pattern on ServerProps????
HealthyGamerGG hype!
"Are you Jon Snow" I'm dead 💀
What's this? A crossover episode?
lol @ Prime "Im already there"
BEST!
After watching first 20 minutes I am happy that I am using Nuxt and not Next
Will you hire a sales rep off commission?
🤴
2:42:00 was a seriously head explosion moment for me. It's going to be so easy!!
Poggers
Very new to Next and still have no clue what tRPC ever does
u guys should make some content with traversy media
I'm trying to follow this guide 1 year after. And there is no 'pages' folder anymore. JS consistency in a nutshell 🤡
@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.
12:00 strict mode is on
Only Pans
The line height in Primeogens Vim is painful
Use IDE bruhhh u killing me!
Does Theo has a discord server?
why is there only one competitor caring about frontend and backend?
theprimeagent needs to meet dan abramov
Does this mean rip trpc? :'(
@joeyywill1234
Жыл бұрын
That was a dumb question, I am sorry to anyone who I hurt 😅
so prime just has no audio? why watch then?
@jamesalickolli
3 ай бұрын
Did you watch more than 2 mins?
28:28
Why are there arabic words in his autocomplete
Why there is Arabic in ptime's AC
omg please do this but with react native ;-;
@nvr5073
Жыл бұрын
it’s no different
@nvr5073
Жыл бұрын
trpc docs are very good you could add to RN easily
@1998goodboy
Жыл бұрын
I meant like a whole "tutorial" of him teaching someone how to properly do RN
@nvr5073
Жыл бұрын
@@1998goodboy it’s pretty much exactly the same minus the nextjs stuff so no server side rendering
@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
2:53 alright i'm leaving.
How does this not create a new promise every render? For example 1:49:47
8:45 bro really said "same difference"
This is combo I did nothing to happen 🎉
Why does he say that Nextjs is a backend framework though? it is a frontend framework, no?
@AD-wg8ik
7 ай бұрын
Full stack
MAKE HIM USE ANGULAR
@ashrafal
Жыл бұрын
Beware of what you wish for, People with even slightest JAVA Syndrome like TS and love Angular.
@Sheikhhamiz
3 ай бұрын
I suffer from Java syndrome and still hate Angular. React is so much better imo@@ashrafal
Imagine someone starting a OF account just posting their unixp***
lol that face when just with async is working! the worst
lol that face when you want to know how next is working to console log two times without rason. #metoo
Nuxt 3 > Next 13
Rust looks easy compared to this lol
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.
prime is too quiet ..
Amazing
T3 contains prisma which makes not saleable at all. Please stop marketing for prisma
I can't stand JavaScript either. But unlike you two, I couldn't stand JavaScript and moved to C++.
I think the second time of console.log it was because of strict mode
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