Tim Neutkens: Next.js

so yeah I'm going to talk about next yes and what's upcoming like we share my cell so I made a very small presentation just to take you true what is next yes because I don't know if everyone heard of it so I already met people that didn't so we'll just walk through it real quick yeah so about me I'm Tim mutagens impre it's not pronounceable in English my

last name but anyway you can find me on Twitter I tweet a lot about next year's webpack yeah basically anything related to next what is next next is a light way it's framework for static and server and applications it allows react applications that are server rendered and also client rendered what we do is we automatically splitting every react component inside of your

pages becomes route inside a route that exports react component that is rendered it's during server-side rendering with all so it allows you to do client rendering using next link which allows you to if you click the link it will do a client-side transition instead of a server-side transition so react out feel very fast if you use next years for example if you go to zydeco it's a

website build using X yes yeah so this is our block if you click to any page like this it all feels very fast this is because next chest also has a property called prefetch which allows you to automatically prefetch any data that's needed to render the page that is upcoming so for example if you hover this you could prefetch only mount what

is needed for the mains page before the user clicks it so it allows for easy data fetching we have a method of setting method that you can export on a top-level react component or inside the page directory which is called get initial props and that returns JSON object that is then passed into your react component on the server side and on the client side if needed we

implement web pack and babble for you so you don't have to touch any configuration by default so it's zero configuration which is the best word right now for it but it allows you to just focus on building reactor application instead of doing some web pack config that takes you ages to build that is not even optimized at a point we also do we have Babel built in so you don't have to implement any transformations we track the browser

features that are actively being supported so there's no extra browser features that are not going to be supported immediately and it allows you to do marker from the end or our other people call and zones or Islands which allows you to build next yes applications next to each other on an on one domain one example of this is Trulia truly as a housing website and they are

basically using access as in zones configuration to gradually migrate away their PHP monolith to an access using graphical so this is a simple react component but is also immediately a page inside of next years so for next seven I've been working the last few weeks on