Skip to content
Tool · Build & AI

Pages that arrive in under a second.

Next.js
Build & AI
What it is

The framework your website runs on. It builds every page in advance, before anyone asks for it — visitors don't wait while things get assembled in the background.

Without

The visitor first sees a white screen, then your site piece by piece.

With

The page is there before their thumb leaves the screen.

How it works
  1. Every page has its own address

    Folders in the project become addresses on the web. That's why Google finds each subpage separately.

  2. Pages are built in advance

    Publishing produces finished HTML. The visitor doesn't wait for their device to assemble the page.

  3. Images are sized automatically

    Each image is delivered at the size that device needs — a phone doesn't download the desktop version.

  4. Only the code that's needed

    What doesn't appear on a page isn't loaded on that page.

What it technically does
  1. Visitor opens it
  2. Server builds the page
  3. Finished page
  4. Visible immediately

The decisive difference: the page is already finished when it reaches the visitor. It isn't assembled on their phone.

The framework around React. It builds every page at publish time instead of reassembling it on each request — what gets delivered is finished HTML. It also handles image sizes, addresses and keeping the two languages apart.

Hard facts
Version
16
Build
ahead of time
Images
resized automatically
Languages
split by address
How I use it
01

Building every page in advance so nothing loads late

02

Serving images automatically at the right size

03

Two languages without doing the work twice

Where it doesn’t fit

For a single business-card page this is overkill. Plain HTML loads just as fast and needs less upkeep.

In practice
This site

Google's PageSpeed measurement: 100 out of 100 for speed, 0.9 seconds until the largest content is visible. You can check it yourself — in the website check.

Neighbouring tools