Schneller liefern. Durchdacht aussehen.

Für Rotierende Überschriftenphrasen: Agenturen, Studios, Gründer die Marketing-Seiten bauen, die sich designed anfühlen.

Jetzt bauen Zahlen ansehen

nexus / Vorschau

VorschauStatisch

E-Mail

Echte Template-Bäume

Badge, Button, Input und Alert: dieselben Primitiven, die Sie ausliefern.

Alles, was Sie brauchen

Dokumentierte Bausteine als Ausgangspunkt für professionelle Websites

Blitzschnell

Static-First-Architektur mit clientseitigem JavaScript nur dort, wo Funktionen es erfordern.

Grundlagen der Barrierefreiheit

Semantisches HTML sowie Muster für Tastaturinteraktion und Screenreader sind in das Komponentensystem integriert.

Mehrsprachig

Integrierte i18n-Unterstützung für 5 Sprachen mit typsicheren Übersetzungen und übersetzten URLs.

Theme-System

CSS Custom Property Design-Tokens mit Dark Mode, anpassbaren Farbskalen und einheitlichem Abstand.

Komponierbare Komponenten

Selbstständige UI-Primitiven, die sich mühelos zu Sektionen, Layouts und kompletten Seiten zusammensetzen lassen.

SEO-Optimiert

JSON-LD strukturierte Daten, Meta-Tags, Sitemap-Generierung und Social Sharing out of the box.

Lighthouse-Laborwerte

Echte Lighthouse-Läufe gegen einen Produktions-Build dieser Homepage. Datum und Commit unten nennen genau den gemessenen Build.

Gemessen: 21.10.2026, 09:28 · Commit 3ca0494

Mobil

Desktop

Lighthouse-Kategorien

Mobil- vs. Desktop-Lighthouse-Kategorien
Kategorie	Mobil	Desktop
Leistung	93	100
Barrierefreiheit	100	100
Best Practices	100	100
Suchoptimierung	100	100

Lab-Lauf mit Lighthouse simulate — dieselben Geräteprofile und Drosselung wie PageSpeed Insights. Desktop nutzt eine strengere Bewertungskurve als Mobil; die Werte sollen nicht übereinstimmen.

Häufig gestellte Fragen

Alles, was Sie über Nexus wissen müssen

Was ist Nexus?

Nexus ist eine moderne Astro-Vorlage mit komponierbaren UI-Komponenten, integrierter i18n-Unterstützung und Dark Mode ohne Konfiguration. Sie ist für schnelle, barrierefreie und professionelle Websites konzipiert.

Muss ich React oder Vue kennen?

Nein. Seiten und Komponenten sind Astro: HTML-ähnliche Templates mit clientseitiger Interaktivität nur dort, wo Sie sie hinzufügen. Die einzige Ausnahme sind die optionalen Diagrammkomponenten, die intern React und Recharts nutzen; Sie setzen sie wie jede andere Komponente ein.

Ist Dark Mode enthalten?

Ja. Dark Mode ist über CSS Custom Properties und eine .dark-Klasse auf dem HTML-Element integriert. Schalten Sie es mit dem Button im Header um — es wird über localStorage gespeichert.

Wie passe ich das Theme an?

Alle Design-Tokens sind als CSS Custom Properties im globalen Stylesheet definiert. Überschreiben Sie Farben, Abstände, Typografie, Schatten und mehr, um Ihre Marke anzupassen.

Sind die Komponenten barrierefrei?

Die Komponenten basieren auf semantischem HTML und dokumentierten Tastatur- und ARIA-Mustern. Prüfen Sie die eingesetzten Komponenten und Kombinationen anhand Ihrer Barrierefreiheitsanforderungen.

Kann ich einzelne Komponenten verwenden?

Absolut. Jede Komponente ist in sich geschlossen und kann unabhängig importiert werden. Mixen und matchen Sie nur das, was Sie brauchen — keine erzwungenen Imports oder ungenutzter Code in Ihrem Bundle.

Bauen Sie etwas Bewusstes.

Klonen Sie das Repo. Starten Sie pnpm dev. Das Beeindruckende war immer möglich — Sie mussten es nur wählen.

Kontakt Doku lesen

Proof — das Studio einer Fotografin — Site ansehen