Exciting New Features of Next JS v10

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • InfluxDB - Access the most powerful time series database as a service
  • Sonar - Write Clean JavaScript Code. Always.
  • Next.js

    The React Framework

    Next JS is the most ideal framework to use whenever you want to build an end-to-end experience on the web with React, it extends the power of React to the server-side with ease so that you can build full-stack applications. Next JS which was first released in October 2016 has now had 9 versions and iterations and this new version comes with some very exciting features we would take a look at.

  • httparchive.org

    The HTTP Archive website hosted on App Engine

    One of the main things that affect performance and is not so easy to optimize in a web application is assets such as images and videos. Images form almost half of all web content, and so optimizing them goes a very long way to improve experiences with applications. Images are unique because they are not usually compressed in an optimal way and they load all at once on the web and so the Next team decided to solve this. An image component in Next abstracts and enables images to be optimized without any input from you, the developer. Great right? All you have to do is replace the img element with Image from Next. Here is how it is done. Let’s say your image tag is like this:

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

    There are massive speed upgrades with this new version 10 as it is now connected to Facebook's fast refresh which basically makes sure that only files updated get to re-render in your app and instantaneously without any loss of state. This makes Next JS 200ms faster on edits alone and refreshes get three times faster as well. The dependency graph for Next JS has also been recently optimized and a lot of packages updated on NPM, meaning now even installs got a speed boost. It gets even better, now all Next JS apps use Webpack 5 by default providing all the stated improvements with no bugs and an overall better experience due to Webpack updates around disk caching, tree shaking, and better assets management. After you have upgraded to webpack 5 in Next.js or run a new project, kindly share any feedback you might have with the Next team.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts