On this page

Technology

Next.js

Next.js is a React framework for full-stack web applications: pages render on the server, data loads next to the interface, and one codebase serves both. I use it for product interfaces, admin panels and multilingual sites, including this one

Type
Technology
Official site
nextjs.org
In my work
Projects 1 · Tools 1 · Services 3
Published

What is Next.js and what do I build with it?

Most of my web products start on Next.js. It lets one engineer ship the interface, the server logic and the search-friendly pages of a product without stitching three projects together

Key facts

Type
React framework for full-stack web applications ·
Developed by
Vercel, as open source ·

How I use Next.js

  • This site. vibecatter.com runs on Next.js: server-rendered pages in four languages, its own CMS with drafts and publishing, structured data and an admin panel.
  • A real-time game platform. The site, the big-screen game view and the phone controllers of my multiplayer platform were built with Next.js, React and TypeScript; the game server itself is a separate Node.js process. Read the case study.
  • MVPs. For a new product Next.js covers the marketing pages, sign-in, the dashboard and the API in one codebase, so the first version reaches users sooner. See MVP development.

When I choose Next.js and its limits

I choose Next.js when a product needs pages that search engines can read, an app-like interface and a server in one place. Server rendering keeps the first screen fast, and the same code runs the API.

It is not the tool for everything. A long-running real-time server, such as a game loop, lives better in its own Node.js process next to Next.js. A static landing page does not need a framework at all. And the framework moves fast, so I keep each project on a current, supported version.

Used together with

Sources

  1. Next.js Documentation — Vercel ·

Contact

Have an idea? Let’s make it work