Next.js

What is Next.js?

Next.js is the meta-framework we reach for most often around React, because it brings routing, server rendering and build optimisation along with it. The App Router lets you decide which parts run on the server and which in the browser, which helps both load time and privacy. The result is sites that load fast, do well in search engines and are a genuine pleasure to develop. From a simple presence to a many-layered application it covers a remarkable range, without you rebuilding the foundations every time.

export default async function Page() {
    const res = await fetch("https://api.example.com/posts");
    const posts = await res.json();
    return <ul>{posts.map((p) => <li key={p.id}>{p.title}</li>)}</ul>;
}