Next.js

Was ist Next.js?

Next.js ist das Meta-Framework, das wir am häufigsten um React herum einsetzen, weil es Routing, Server-Rendering und Build-Optimierung gleich mitbringt. Der App Router lässt dich entscheiden, welche Teile auf dem Server und welche im Browser laufen, was Ladezeit und Datenschutz zugutekommt. So entstehen Seiten, die schnell laden, bei Suchmaschinen gut abschneiden und sich angenehm entwickeln lassen. Vom schlichten Auftritt bis zur vielschichtigen Anwendung deckt es eine erstaunliche Bandbreite ab, ohne dass du das Grundgerüst jedes Mal neu baust.

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>;
}