Tim Neutkens - An introduction to Next.js and what's to come in 2021

today i'm going to be talking about the basics of nextgs and then we'll look at some exciting new upcoming features in both next.js and react react has gotten increasingly popular over the last few years and to the point where a large

percentage of web developers are using react or have used react before this is further confirmed by phrase metrics so let's have a look at some of these mdn released the first edition of their developer and design survey to try and learn more about the needs and frustrations of developers with over 28 000 responses one interesting result was that 72 of respondents actively use react angular or for you to build other websites

furthermore more than 350 thousand sites are running react based on http archive so http archive is this library of sites being indexed and it can tell which client-side framework has been used and 350 thousand of the sites are using react today but building react applications is still hard saying i'm going to use react is not

enough to get started you have to set up build tooling and there's all these pitfalls you have to consider to make that make your application slow you need to ensure that your project can scale to many views and pages if your application is going to grow over time you don't want to rewrite your application every single month or every other month in order to stay up to date with the latest features and releases so you want to focus on building out features

in reality this has gotten easier a new type of tooling has risen to popularity in the past three years or so frameworks that are built on top of ui libraries like react the main goal of this class of framework is finding the sweet spot of providing the best user experience to end users but also making your team more productive in creating features and applying them to production combining great ux with amazing dx the google chrome team calls this type

of framework a web framework an end-to-end system that controls every aspect from getting started to everyday development and deployment it's positioned to directly impact ux and developer experience by controlling the server client building and serving your application and also development and production enabling developers to successfully build and maintain high quality production web apps

web frameworks are in are positioned to inform performance so in addition to development productivity web frameworks can directly impact performance and user experience because they have opinions about server side rendering flashing early html changes and streaming and they control how the application serves javascript css data and images it unlocks new features like progressive delivery and lazy fetching

and it's not just about scaling in application size or users it's also about scaling your team when rolling your own solution you have to keep in mind that many different parts all have to play together so this goes from ui component model to routing to the data flow of your application to compilation bundling pre-rendering of html and a whole bunch of other things and this is where next.js helps you