What's coming to Next.js 9 - Tim Neutkens (@timneutkens) co-creator of Next.js at @ReactEurope 2019

yeah so I talked today is going to be about building web applications and all the things involved in doing so so yeah let's get started we're generally when you start building a web application you want to make sure that you have some kind of component system because you want to share code between pages right so for example you don't want to have

five versions of the same button and then five versions of your menu and that kind of thing so generally you want to use react right who here likes react so yeah and react is simple right because the most basic react component is just a function that returns some HTML or J's acts however setting up react like react in terms of like all the things around it it's very complex like getting ready

for production and setting everything up like compilation from like web pack to be able to code splitting to all these other things that are needed for your application to be very fast in production or very complicated and very hard to implement in reality it's gotten easier but going through production is still complex so generally you need a framework for react the skills of your projects right so and furthermore

reactors is a very interesting position because it's a very low level library so we can build a lot of on top of it and generally when you start building a web application you start off with static pages you start building your marketing website and it's fast and reliable you deploy it to production it's very fast

it all works however content changes require rebuilding for example which is one of the downsides and that's your project grows pages are added meaning that every time you for example you want to do something else than just a static page you have to do something else and so every page has different requirements or it can have different requirements but your project is static

right you started out with a static website and the choice is very binary so you choose either you go static or you don't go static so how do you make your app scale with these changes because if you have multiple different pages that are in different situations like for example you want to create a dynamic product page that is rendered only Mond for every customer you can't do that when you have a static site generator for example a furthermore how do you make your app skill with size so for

example this image shows how for example similar web app using Create Reax app for example you start out with just one bundle and it grows and it grows and the further it grows it will increase the loading time to first byte and the time through first contentful paint of your pages meaning that every time you add a page inside of your app dot J's for example is burden on the rest of the

application so you have one giant big bundle that is absolute yes and you have about CSS which is one giant see this file and this grows uncontrollably throughout the growth of your application so this is when access comes in and access helps you scale your application to multiple pages many different views and it allows you to focus on what's important we're just building fun things and making money so