Next.js

Next.js is a free toolkit built on React that prepares the whole page on the server first, so a React site opens quickly and search engines can read it.

Also known as Next NextJS React framework

Definition

Next.js is a free toolkit built on top of React, and the easiest way to understand it is to see which job it takes over. React draws the screen, but it leaves one question open. Who puts the page together the first time, the server or the visitor's phone? Next.js answers that the server should do it, and that single decision is what people are really buying.

A plain React site sends an almost empty page along with a parcel of code. The phone has to download that code and run it before it can draw anything at all. Nobody notices on a fast laptop, but on a five-year-old phone using mobile data the visitor sits looking at white. Next.js prepares the finished page on the server and sends the words and pictures straight away. React then wakes up in the background, so the page becomes clickable.

The second half of the argument is search, because Google does read pages that build themselves in the browser. It does that later though, and it does not always finish. Other search engines and the preview bots behind chat apps are worse at it. So if your product pages arrive empty, the description Google files may be empty too. That is why a shop, a clinic or a service page is usually built this way. It is also why Linkysoft brings the digital marketing team into a website build before the design is signed off, not after.

Now the cost nobody mentions in the pitch, which is that a Next.js site is a running program, not a folder of files. It usually needs a server that stays awake, so the cheap shared hosting plan may not fit and the bill becomes monthly. There is a way around that which few people ask for by name. Pages that rarely change can be built once at publish time and served as plain files, which is both the fastest and the cheapest option. Ask which of your pages will work that way.

The honest weakness is churn, since Next.js has changed how pages are written more than once. A site built four years ago can need real work to reach the current version, so ask which version you are getting before you sign. Ask who pays for the next jump as well, because that answer is worth more than any promise about speed. Linkysoft writes it into the quote, as the upgrade on a busy web application is a project of its own.

Questions about Next.js

What is the difference between React and Next.js?
Next.js uses React inside it. React only draws the screen. Next.js adds the missing parts around it: pages built on the server, addresses for each page, and image handling.
Does a small business website need Next.js?
Often not. Five pages of text and photos can be a simple site and stay cheap. Next.js earns its place when there are many pages, live data, or a customer area behind a login.
Where can a Next.js website be hosted?
On any server that can keep a Node program running, or on a platform built for it. If every page can be prepared in advance, the site can also be exported as plain files and hosted almost anywhere.
Will Next.js make my site faster?
It usually makes the first view much faster, because the words appear before the code finishes loading. It does not shrink the code itself. A heavy page stays heavy, so measure on a real phone.
Is Next.js free to use commercially?
Yes. It is open source and free to use in a paid product. The company behind it sells hosting, which is optional, and any server able to run it will do.

Still not sure how this applies to your project?

Tell us what you are building and we will answer in plain language.