Die durchdachte Vorlage
Schneller liefern. Durchdacht aussehen.
Fünf fertige Websites. Starten Sie mit der, die Ihrer am nächsten kommt.
Jede Welt ist eine vollständige Website, gebaut nur aus den Komponenten dieses Templates, auf Desktop und Smartphone. Öffnen Sie eine und klicken Sie sich durch: Jede Seite ist echt.
Cairn — eine Enterprise-Plattform
B2B-Welt: ein einseitiges Vertrauensdokument mit belegten Aussagen, Kennzahlen-Konsole, Kundennachweisen und Kontrollregister.
Cairn öffnen
Proof — das Studio einer Fotografin
Eine minimalistische Portfolio-Welt: Studio-Rail, bildfüllende Bühnen, ruhige Übergänge.
Proof öffnen
Proofroom — eine Online-Druckerei
Shop-Welt: Kollektionen, Produktseiten, Warenkorb und Demo-Kasse (keine Bestellungen oder Zahlungen).
Proofroom öffnen
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
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.