Tim Neutkens - Next.js: The React Framework

[Music] so hi I'm Tim as the guy said I'm not sure what your name is but anyway very sorry I'm from the Netherlands actually another cat site which is a cloud hosting company you might have heard of it maybe you've not maybe you have but to some other way like our open source projects like next or hyper or like

micro or like TKG if a lot of like very high-profile open source projects also MDX which you may have heard of but I'm here today to talk about next year which is what I work on day to day basically and it's a framework for react but let's take a step back first so generally when you start building a website you want to use some kind of component system

because you didn't want to have like a button there was like ten different versions across like all your pages so you don't want like five versions of the same button and I'm like all these different things so you generally want a component system and in JavaScript or like currently there's a really popular library which is called react which you may have heard of you probably should have heard of it by now and react is simple right and if you ever saw react

but I'll just walk you through like the very basic component she's just a function that returns J's X which is like this custom HTML syntax but that's pretty much it like you write a function and you return J's X and that gets rendered however building full applications using reacts often feels like this I don't know if you ever tried to build a react app or even like some other front-end framework app but it

feels like you have to implement a lot of things so it feels like this or you basically look at giant whiteboard and you're like I don't know what to do with this basically but in reality it's gotten easier or nice but like many frameworks coming out are built on top of reacts or other libraries but going through production and stuff really complex and optimizing for production so generally you need a framework for react because react it's

not just like the the thing that you need you basically need to set up like all these other things like you need to set up like webpack and Babel and like all these different like optimizations that you have to do and furthermore reactors in a very interesting position because it's super low level it only does rendering so it handles one thing really well and that's what it's like OPM's is it's hard to build production apps using just react you need something else to so generally when you start

building some kind of application you use general sort of like which may be a static website and it's fast and reliable right so you build like your whole app your static website and the only downside are is that content changes need a rebuilt but and then as your project grows pages are added to like corrode or different pages that you had inside your application however this

may have different requirements meaning that if you start out with a static website like a static site generator for example you can't really do any changes because you started this project that is completely static like maybe your marketing page but then someone in your team like comes in and it's like hey we need to do this like dynamic rendering for example and then there's thing you have a problem which is your fur tickets static what are we going to do are we going to like rebuild everything and