Next.js 12 is a Beast
Рет қаралды 664,890
Күн бұрынYour first look at Next.js version 12. It's packed with awesome new features, like a rust compiler, middleware, concurrent mode, server components, and more. Full course fireship.io/courses/react-nex...
#js #react #firstlook
🔗 Resources
Announcement nextjs.org/blog/next-12
Full Course fireship.io/courses/react-nex...
📚 Chapters
00:00 Next.js 12
46:00 Middleware
02:42 Suspense Support
03:16 Server Components
04:41 URL Imports
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- Next.js 12 new features
- Rust compiler in Next.js
- Using suspense with Next.js
- React Server Components SSR
@jackd6373 2 жыл бұрын
Literally this was announced 24 hours ago and Jeff's already made this video, updated his Next course, while looking after a child you can hear in the background. What a guy
@BlazPerus 2 жыл бұрын
haha think beta was out a bit more time eh? :)
@aleks6331 2 жыл бұрын
I had to pause the video to check if that's my baby crying 😁
@Vivek2062 2 жыл бұрын
@@aleks6331 hahaha same 😂😂
@neillunavat 2 жыл бұрын
When child?
@ChapterCircle 2 жыл бұрын
@@neillunavat 3:11
@GraphicGamingHQ 2 жыл бұрын
Definitely make that a series! I'll pre-order the popcorn and dim the lights in advance!
@giuliopimenoff 2 жыл бұрын
Totally agree, would be really nice to see a full site being built with nextjs
@shivaraj-bh 2 жыл бұрын
Yes please! Would love that series
@Yousudame 2 жыл бұрын
omg yes!, this changes all strategy auth for pages in nextjs, of course with typescript 🙏
@jackmichael10 2 жыл бұрын
Yo yo yo that’s my bro
@jafarjuneidi7585 2 жыл бұрын
Would really love that
@blackaccel 2 жыл бұрын
Yes! Make a series of how you redo your website with Next 12!! That would be wholesome!
2 жыл бұрын
waiting for it
@dwikurniawan1376 2 жыл бұрын
up
@sarcasticdna 2 жыл бұрын
Using this comment like button for yes
@hameedullahkhan9327 2 жыл бұрын
yup we need that
@adityak1231 2 жыл бұрын
YESSS
@rumplstiltztinkerstein 2 жыл бұрын
"X is now built in rust and got YYY% faster thanks to it!" As a rust developer, it never stops being satisfying to hear that.
@renatosardinhalopes6073 2 жыл бұрын
Holding off learning rust atm, got way too much stuff going on. I do look forward for when I do it though!
@musicdev 2 жыл бұрын
Omg same though. Everything I’ve rewritten in Rust is literally entire orders of magnitude faster than the original language. Granted, usually the language is either swift or TypeScript, but man is it nice.
@rumplstiltztinkerstein 2 жыл бұрын
I learned rust as one of my first main languages. Too bad that every job position for rust wants a senior with several years' experience. I had to go back to other stacks just for a chance of being employed lol.
@KevinFlowersJr 2 жыл бұрын
Just wish there was a larger community/better support for scientific computation & ML. Maybe one day 🤞
@GeorgeKaf 2 жыл бұрын
It amazes me how you have this skill to know what's in most of our minds and make a video out of it, I swear :P
@iro4201 2 жыл бұрын
Singularity is near... 😂
@robolist2277 2 жыл бұрын
I was a few days away from starting a huge next js project
@Netrole 2 жыл бұрын
I just recently started my first next.js project and was reading through the documentation today. I saw the chapters for middleware and html streaming and had no clue what it was about. And boom jeff makes a video about it
@sof4183 2 жыл бұрын
that shit just came out man, he made a vid as soon as it came out like .. wdym read our minds >.
@imminonice 2 жыл бұрын
A Fireship redesign series with NextJs 12 would be awesome.
@patterntrader690 2 жыл бұрын
This conference just happened yesterday and there’s already a Fireship video 🔥 crazy impressive Jeff
@weshuiz1325 2 жыл бұрын
This is some next level stuff
@weshuiz1325 2 жыл бұрын
To anwser the question: yes a next.js series would be really nice
@victoravr10 2 жыл бұрын
Next.js level
@davidchandra8722 2 жыл бұрын
Pun intended
@musicdev 2 жыл бұрын
@@victoravr10 you beat me to it
@SirDamatoIII 2 жыл бұрын
Really looking forward to a full course on this!
@brockherion2718 2 жыл бұрын
Loved the breakdown of all the new features in Next! I started updating some of my own projects and have been blown away by the Rust compiler's performance. I also loved the gymnastics clips. I was a gymnast and the whole time I was watching this, I was like "hey I know that guy!"
@Euruzilys 2 жыл бұрын
I was watching the conference yesterday. Needed someone to clear things up for me, this was very helpful thanks!
@talhaibnemahmud 2 жыл бұрын
Definitely waiting for the full redesign series. It'll be a joy to watch
@Fireship 2 жыл бұрын
The next person who makes a pun gets banned (no pun intended)
@FaisalAfroz 2 жыл бұрын
Hope the next person is already banned.
@akashchoudhary8162 2 жыл бұрын
Waiting to vue how people react to this.
@ritikkushwaha3355 2 жыл бұрын
Can i make Buns 😂
@LemonChad 2 жыл бұрын
I mean.. that’s one way to react
@SumitN 2 жыл бұрын
Can we have that Angulered tech again?
@miguel_bogota 2 жыл бұрын
The compiler for me is just crazy! I'm very exited to use this with React 18 and Recoil.js. Please make the series, it will be the best thing in the world!
@eliav3 2 жыл бұрын
you learn (by yourself) and teach faster then the speed of light how can you make videos with so much content with such a great speed?? amazing!
@victorgarcia3526 2 жыл бұрын
Those series would be amazing to have! Thank you so much for your hard work!
@Vivek2062 2 жыл бұрын
hell yeah I want the full series!! I was sold when Server Components was explained, I'm thinking of using Next js with my latest MVP and this would be the best time to get a series from you on the same topic! God bless you Jeff
@charlesm.2604 2 жыл бұрын
I wonder how hard Vercel made it to use Server Components outside of their platform. I'd 100% switch back to React. Just the Rust compiler itself should bring an orgasmic experience.
@xyntho 2 жыл бұрын
Boring subjects become interesting with fireship's incredible visuals and the funny GIFs. Agree?
@yuriinikitiuk4883 2 жыл бұрын
How would we know? He's not talking about boring subjects
@DominicFuchs 2 жыл бұрын
Why is this boring to you? I think the topic itself is super cool. :D
@DominicFuchs 2 жыл бұрын
@Zelená Žaba Amazing input. Is there a reason for this?
@zendakk 2 жыл бұрын
Yes, the production is good but if you need pretty pictures and GIFs to cope with these topics, you are in the wrong business.
@EM-wt6qe 2 жыл бұрын
Your channel is hands down the best JS resource I have ever come across. Mad props.
@parthprajapati8934 2 жыл бұрын
Definitely would like to watch the series of you upgrading your site. 👍 Love your videos. ❤️❤️❤️
@Qais_ZAK 2 жыл бұрын
Yes please! Making it a series would be incredibly incredible
@reireireireireireireireirei 2 жыл бұрын
Next is a wonderfully simple core idea taken to such extremes. Reminds me of how React was simple and straightforward once, too. The cycle never ends.
@xenialxerous2441 2 жыл бұрын
Hi there! Undoubtedly your content is one of a kind & most of the time I keep on checking the playback speed subconciously lest I miss something important in the seamless realm of grasping the technical nickels and dimes. I am grateful for the efforts you make and impart the knowledge to others in such a unique and high quality format. I would definitely love to experience the pro-level stuff with what you plan to do w/your website using the latest #next.js concepts!! Thanks, love, and respect!!
@jonathann-gs544 2 жыл бұрын
I was watching the conf yesterday & hoping that you'll do a video on it for us to understand better what's new ! Thank you !!
@karimnaufal9792 2 жыл бұрын
Hell yeah we want to see the full redesign of the fireship site in NextJS 12 as a series here! Pleaaase!
@loaiakram5596 2 жыл бұрын
I just started learning next js and definitely a rebuild of a complete website would be the best thing to happen.
@erwinrodriguez8057 2 жыл бұрын
Looking forward to your full course on this! cant await
@MrCzarnuch 2 жыл бұрын
I'm looking forward to watching the next video of this series!!! Great :D
@codelightsparkles2403 2 жыл бұрын
I want to see a Next video on this topic! Definitely up for the series
@icarus7247 2 жыл бұрын
Please make the series happen, it will be a learning opportunity for lot of us here.
@ahmedafifi87 2 жыл бұрын
The rebuild series sounds amazing, thank you for the awesome video
@laminbarrow 2 жыл бұрын
Nice stuff. I could not make time to watch the nextjs conference yesterday. I hope I can find the conference video here on KZfaq. Thanks for the video Fireship🔥
@luischinchilla-garcia4840 2 жыл бұрын
I will absolutely buy your course after seeing this!
@user-wc1sm8cj8s 2 жыл бұрын
Yup, me too
@willinton06 2 жыл бұрын
Holy shit, this is the good stuff, I’m not even a JS guy but damn, nice
@AtomicCodeX 2 жыл бұрын
Come my child, I want to convert you.
@shreyaan 2 жыл бұрын
@@AtomicCodeX convert me I m new to js and wanna learn everything he said in the video
@morning5tarr 2 жыл бұрын
@@shreyaan start with jQuery and stop on midway and jump to React JS
@Isaac_Flat_Earth 2 жыл бұрын
Governments should ban react and vue.
@awekeningbro1207 2 жыл бұрын
@@Isaac_Flat_Earth you must be the angular guy
@dannbrown 2 жыл бұрын
Noice! The event was great and really surprized me. Can't wait to put this features in production
@asimal-qasmi9256 2 жыл бұрын
Waiting for your Next series 😉
@re.liable 2 жыл бұрын
This just makes me want to learn advanced webdev immediately 😔 but all good things must not be rushed
@MrViciousway 2 жыл бұрын
Take your time, you'll enjoy it more
@normaneshuchi5474 2 жыл бұрын
Please make the series. I am really looking forward to it, so I can both learn the new features and work with Next.js as well
@muratasarslan2359 2 жыл бұрын
Wonderful! looking forward to watch these series...
@mrmarker98 2 жыл бұрын
Dang, this is really, *really* the next level of JS frameworks.
@dan6erbond 2 жыл бұрын
Didn't expect to be this fast to your Next video.
@lalasmith2137 2 жыл бұрын
Please do the series, I would gladly watch it. you got me hyped :)
@orlandofury 2 жыл бұрын
Yes please that would be great having that series your courses are great by the way
@TheRodmena 2 жыл бұрын
I've used both Next.js and Svelte. The latter make more sense to me as it's native HTML and js.
@samlasaten 2 жыл бұрын
can't we use them both at the same time?
@skyy_xx 2 жыл бұрын
I'm not a nuxt master but things like middleware were there long time since. And nuxt3 that are in actual public beta has suspense and vite for rapid development and it was announced while ago, I don't know about server components but other things was like .. hey.. I've seen it in nuxt already. Kinda disappointed.
@happynewyearw 2 жыл бұрын
That's what I felt too
@tmbao 2 жыл бұрын
same too. nuxt and bro.
@papajohnsuk5965 2 жыл бұрын
also, serverless nuxt basically achieves the same thing.
@skyy_xx 2 жыл бұрын
@@papajohnsuk5965 agree, I was thinking that react leads here. Was wrong
@serge.stecenko 2 жыл бұрын
Yes! For series on Next.js here. And thanks for your content!
@patrickp.harvey848 2 жыл бұрын
Definitely make this KZfaq series!! Thank you for your excellent contents
@rafaelzasas9421 2 жыл бұрын
The way he laughed at himself after saying “see you in the nExT one” 🤣
@oogabooga2581 2 жыл бұрын
i took that passive aggressively tbh
@rafaelzasas9421 2 жыл бұрын
@@oogabooga2581 you shouldn’t think so negative. The dude is funny and knows it what’s wrong with that
@rafaelzasas9421 2 жыл бұрын
@@oogabooga2581 that’s a killer name you got tho. 10/10 approval rating
@oogabooga2581 2 жыл бұрын
@@rafaelzasas9421 ?
@daheck81 2 жыл бұрын
So they basically added features Nuxt already had years ago?
@nivaldolemos5280 2 жыл бұрын
hmm like?
@Sjarel__ 2 жыл бұрын
Super clear, efficient and helpful video. Jeff, you are a legend!
@asigari0711 2 жыл бұрын
Love this! Also ... would love if you made a recoil course, it truly seems to be the future of state management.
@mattskelton7471 2 жыл бұрын
Anyone else feel like the JS framework world is moving too fast to keep up?
@devilfriend 2 жыл бұрын
It makes me laugh how all these frameworks are just trying to re-discover having everything server side. Welcome to 20 years ago guys.
@alexwhb122 2 жыл бұрын
That's exciting stuff! Definitely going to play with Next 12.
@kovalmika 2 жыл бұрын
The only news channel, that I love. Thanks!
@teflonpan115 2 жыл бұрын
Here we go. Another Framework a dev has to learn, adding to his 48 other languages and frameworks he already has to keep track of to be attractive on the jobs market. Do I need to say more...
@elboruboru 2 жыл бұрын
And all just to build the same old HTML based CRUD apps (with a lot of extra steps)
@yourpersonaldatadealer2239 2 жыл бұрын
Sveltekit has almost instant recompile times. The streaming components is nice but I’m sure it’s doable in svelte as that’s just protocol features. Besides, React is trash and Facebook’s dirty hands are all over it. Angular is still better than react and you know it!
@kyleshifflett4067 2 жыл бұрын
Without a second thought, I'll become a pro member if your make that series. I bought the nextJS firebase course and it was amazing, but this would take the cake.
@ZoomlessDude 2 жыл бұрын
Yes, please make rebuilding your website into a series. I would love to find out more about Next.js!
@jr-hp7er 2 жыл бұрын
Always waiting for your videos, awesome , keep it up ❤️
@eliascotrim51 2 жыл бұрын
We absolutely need that series!
@Bluepaccao 2 жыл бұрын
Wow, I watched this a week ago and didn't know a thing about what Next was, so this video didn't mean anything to me. Now by chance I got an introduction to Next through a KZfaq recommendation and later came back to this video. This looks absolutely amazing...
@oreoshake5951 2 жыл бұрын
I was looking for nest js videos on your page. Came across next js 12 updates and Wow... i just got an idea to restrict access to other pages for authentication using middleware. No need to google or stackoverflow... XD.. It was a great coincidence. My app using nest js and next js. Thanks man.
@StefanEideloth 2 жыл бұрын
As someone who wants to port some legacy stuff at work over to nextjs I would highly appreciate to see the makeover with the new features as a video series!
@jose6183 2 жыл бұрын
Love it! Go for it regarding the series!
@alisalimli 2 жыл бұрын
Definitely make that a series! I am looking forward to it
@reidyoung298 2 жыл бұрын
That series on the site redesign would be siiiiiiick. Thanks for another great video!
@mufassirshah9376 2 жыл бұрын
Thanks Jeff, really looking forward to the Fireship redesign series
@ThoriginalPole 2 жыл бұрын
100% make that a series, would love to see it!
@MrViciousway 2 жыл бұрын
Love this dudes videos, how does he talk so clear and fast?! 🙌🏼😁 also React + Firebase = 🖤
@blakestokes7690 2 жыл бұрын
Yeah! Make that a series please! It looks awesome
@rahulc0dy 2 жыл бұрын
I don't think that anybody would say NO. The new features look awesome. And I would definitely like to see a video or series about it. 🔥🔥
@mrrishiraj88 2 жыл бұрын
Thanks a lot for timely update.
@Dominik-K 2 жыл бұрын
Yes, a series like that would be nice to see
@JM-st1le 2 жыл бұрын
Just saw this today, Thanks for the video, pls make that a series.
@faythe03 2 жыл бұрын
Looking forwards to the series! :)
@WikiPeoples 2 жыл бұрын
YES I would like to see that as a series on your channel!
@maz1830 2 жыл бұрын
looking forward for those series !
@BrendonOtto 2 жыл бұрын
I'd love to see the series on rebuilding Fireship into Nextjs!
@thegrossmeyer 2 жыл бұрын
Would definitely love to see a series where you re-designed the website with NextJS 12! That would be very cool.
@krtirtho 2 жыл бұрын
That's mind blowing that finally some framework as big as Next.js has adopted *SWC-rs* for building
@the_ebdm 2 жыл бұрын
Yes, please make that course!
@didiermunezero4089 2 жыл бұрын
We would like those series for sure!
@menardmaranan9356 2 жыл бұрын
New Fireship PRO member here!! This video makes NextJS seems more exciting to me, and I would love to deepen my knowledge of the framework especially that the job market shifts to NextJS more and more.
@RyanJohnson 2 жыл бұрын
How are you enjoying the NextJS course? Are you finding it be a janky, out of date mess when it comes to Firebase too?
@lazyboiiii9386 2 жыл бұрын
Yes would love to see a full series
@MrMaravish26 2 жыл бұрын
Definitely want to see that series!!
@echonabin 2 жыл бұрын
Yup up for your redesign series. ❤️❤️
@vaniad555 2 жыл бұрын
Yes, definitely make that a series!
@BaldeepSingh24 2 жыл бұрын
As soon as it was launched was hoping and waiting for a video... Guess Christmas came early for me :-)
@edarioq 2 жыл бұрын
Yes would like to see you use the new nextjs features to update your site
@the_taskmasterr 2 жыл бұрын
Yes make the series please.I have already a website based on next.js.But may be i can make it more fast by using these new features
@yehudamakarov 2 жыл бұрын
Hey great idea to show a pro redesign. Will show case the frameworks ins and outs nicely.
@afzalhussain605 2 жыл бұрын
Yes a series is needed 👍😊
@leoneloliveira5737 Жыл бұрын
Yes! Make a series of how you redo your website with Next 12!!
@nc1347 2 жыл бұрын
Yep, please make it a series! Looks like I'll have to learn another JS Framework 😅
@abhinav1701 2 жыл бұрын
Definitely a series on KZfaq!! Go Next 12!!
@jonathanhansel4299 2 жыл бұрын
Yes please I will like to watch that series, since I am also considering updating my website to NextJS 12.
@krzysztofwicher4998 2 жыл бұрын
Series idea is awasome :D
@AuthorChaos 2 жыл бұрын
That would be a really cool series!! I’d watch it
@sub-x4459 2 жыл бұрын
Yesss! Please make that series
Infinity Circus
Рет қаралды 10 МЛН
CaseGuru / Наушники / Пылесосы / Смарт-часы /
Рет қаралды 4,3 МЛН
Cord & Wire
Рет қаралды 4 МЛН
Telefonchi uz
Рет қаралды 1,8 МЛН