Funktionen

Funktionen

Entdecke die leistungsstarken Funktionen von Astro Stardrive, die es zum ultimativen Boilerplate für dein nächstes Projekt machen.

Alles, was das Boilerplate mitbringt

Batterien inklusive: Starte eine schnelle, moderne, KI-fähige Website, ohne die Grundlagen selbst zu verdrahten.

Gebaut für das KI-Zeitalter

  • LLM-freundlich by DesignKI-Agenten wissen sofort, was zu tun ist.

    Jeder Teil des Codes ist gründlich für Menschen und Maschinen dokumentiert, damit KI-Coding-Agenten deine Website souverän erweitern, statt zu raten.

  • WebMCP vorbereitetLiefere Tools, die die KI-Agenten deiner Besucher nutzen können.

    Ein einsatzbereites Setup für das Web Model Context Protocol stellt echte, aufrufbare Tools bereit, die die KI-Assistenten deiner Besucher direkt ausführen können.

  • llms.txt automatisch befülltDeine Inhalte, LLMs auf dem Silbertablett serviert.

    Eine llms.txt-Datei wird automatisch aus deinen Inhalten erzeugt und gibt großen Sprachmodellen einen sauberen, strukturierten Überblick über deine Website.

  • Schema.org automatisch generiertReichhaltige, strukturierte Daten ohne Mühe.

    Strukturierte Daten nach Schema.org werden für dich erzeugt und helfen Suchmaschinen und KI, deine Seiten zu verstehen und Rich Results freizuschalten.

Entwicklererlebnis

  • Vollständig typisiertTypeScript von Anfang bis Ende.

    Das gesamte Projekt ist mit TypeScript typisiert, sodass Refactorings sicher sind und dein Editor dich mit präziser Autovervollständigung begleitet.

  • TailwindCSSUtility-first-Styling, sofort einsatzbereit.

    Tailwind CSS ist mit einem thematisierbaren Designsystem vorkonfiguriert, damit du von Anfang an konsistent und schnell gestalten kannst.

  • ESLint & PrettierLinting und Formatierung, vorkonfiguriert.

    Sinnvolle ESLint- und Prettier-Standards halten deinen Code sauber und konsistent - mit einem einzigen Befehl, der das ganze Projekt prüft und korrigiert.

  • Jeden Paketmanager nutzennpm, pnpm, yarn oder bun.

    Nichts bindet dich an einen bestimmten Paketmanager - wähle einfach den, den du bevorzugst, und es funktioniert.

  • Zentrale KonfigurationDas Meiste über eine Datei anpassen.

    Eine einzige theme.config.ts steuert Branding, Sprachen, Navigation und mehr, sodass die Konfiguration an einem vorhersehbaren Ort bleibt.

  • Cloudflare Worker vorbereitetIn Sekunden ans Edge deployen.

    Das Projekt ist bereit für Cloudflare Workers, sodass du eine global verteilte Website mit minimalem Aufwand ausliefern kannst - und dennoch frei bist, überall sonst zu hosten.

Design & UX

  • Heißes Theme inklusiveSieht direkt großartig aus.

    Ein poliertes, meinungsstarkes Theme ist standardmäßig dabei und gibt dir einen starken visuellen Startpunkt, den du leicht anpassen kannst.

  • Hell-/DunkelmodusAutomatisch und umschaltbar.

    Helle und dunkle Themes sind eingebaut, respektieren die Systemeinstellung des Besuchers und lassen sich jederzeit manuell umschalten.

  • Volle i18n-UnterstützungAb Tag eins global.

    Erstklassige Internationalisierung deckt Routing, Übersetzungen und hreflang-Tags ab, sodass mehrsprachige Auslieferung von Anfang an einfach ist.

  • Sanfte Übergänge & AnimationenPoliertes Gefühl, kein Aufwand.

    Native View Transitions und geschmackvolle Animationen verleihen der Website ein app-artiges, poliertes Gefühl ohne zusätzliche Konfiguration.

  • Dynamischer HeaderPasst sich verschiedenen Anwendungsfällen an.

    Der Header passt sich dem Kontext an - Overlay, sticky, scroll-aware oder als Button - und passt so zu Landingpages, Artikeln und allem dazwischen.

  • Referenz-MarqueePräsentiere deine Logos mit Stil.

    Ein sanftes, barrierefreies Logo-Marquee zeigt die Technik oder Kunden hinter deinem Projekt.

  • Hochgradig konfigurierbare PreistabelleMonats-, Jahres- & Einmal-Tarife - mit oder ohne Steuern.

    Eine fertige Preistabelle lässt Besucher zwischen monatlicher, jährlicher und einmaliger Abrechnung wechseln und Preise mit oder ohne Steuern anzeigen. Tarife, Features, Preise und Währung stammen alle aus einer einzigen, typisierten Konfigurationsdatei - versorge sie mit fest hinterlegten Werten oder ermittle sie über eine API wie Paddle oder Stripe.

  • Optionale Promo-ElementeBanner, Signups und mehr bei Bedarf.

    Einsatzbereite Werbeelemente wie Top-Banner, Footer-CTAs und Newsletter-Anmeldungen stehen dir zur Verfügung, wann immer du sie brauchst.

Inhalte

  • Leistungsstarker BlogInhaltsverzeichnis, Embeds, Lesezeit und Social Images.

    Der Blog erzeugt automatisch ein Inhaltsverzeichnis, optimiert YouTube-Embeds, hebt externe Links hervor, berechnet die Lesezeit und erstellt Social-Preview-Bilder.

  • EventsMarkdown-basiert, mit Add-to-Calendar-Buttons.

    Verwalte Events als Markdown mit i18n-Unterstützung, Zeitzonen, Ein-Klick-Add-to-Calendar-Buttons und reichhaltigen Detailseiten - optional gebrückt zu Add to Calendar PRO.

  • Markdown-basierte FAQVerwalte Antworten als einfache Dateien.

    FAQ-Einträge liegen als schlichte Markdown-Dateien mit Kategorien und Suche vor, sodass das Bearbeiten deiner Hilfeinhalte mühelos bleibt.

Barrierefreiheit & SEO

  • WCAG vorbereitetBarrierefreiheit ist eingebaut.

    Semantisches Markup, Tastaturunterstützung und sinnvoller ARIA-Einsatz geben dir ein starkes, an WCAG orientiertes Fundament für Barrierefreiheit.

  • Tausend kleine KniffeOptimiert für SEO, Sharing und Speed.

    Unzählige kleine Optimierungen bei SEO, Social Sharing, Metadaten und Page-Speed summieren sich zu einer Website, die von Haus aus performt.

Angetrieben vom Besten aus Astro

Stardrive baut auf den Kernstärken von Astro auf - den Gründen, warum wir es als Fundament gewählt haben.

  • Erstklassige PerformanceTop-Lighthouse-Werte, direkt ab Werk.

    Astros statik-first-Ausgabe erzielt bereits hervorragende Lighthouse-Werte - und Stardrive treibt sie mit optimierten Bildern, minimalem Client-JavaScript und unzähligen Speed-Kniffen noch weiter nach oben.

  • Island-ArchitekturInteraktiv, wo es zählt, statisch überall sonst.

    Astro rendert Seiten als statisches HTML und hydratisiert nur die interaktiven Komponenten, sodass Seiten schnell bleiben und dennoch reiche Interaktivität erlauben.

  • Standardmäßig kein JSKein Client-JavaScript, außer du willst es.

    Standardmäßig sendet Astro kein JavaScript an den Browser, sodass Seiten schnell laden und leichtgewichtig bleiben, bis du bewusst Interaktivität hinzufügst.

  • Content CollectionsTypsicheres Markdown und Daten.

    Astros Content Collections geben deinem Markdown und deinen Daten Schema-Validierung und volle TypeScript-Typen und fangen Inhaltsfehler ab, bevor sie live gehen.

  • On-Demand-RenderingStandardmäßig statisch, dynamisch bei Bedarf.

    Kombiniere statische Generierung mit On-Demand-Serverrendering pro Route und erhalte die Geschwindigkeit einer statischen Website mit dynamischen Fähigkeiten, wo nötig.

  • Framework-unabhängigNutze React, Vue, Svelte oder Solid.

    Astro lässt dich Komponenten aus deinen bevorzugten UI-Frameworks einbinden - sogar mehrere auf einer Seite mischen - ohne dich festzulegen.

  • View TransitionsNative, app-artige Seitennavigation.

    Eingebaute Unterstützung der View-Transitions-API liefert sanfte, animierte Navigation zwischen Seiten mit minimalem Aufwand.

  • BildoptimierungSchnelle, responsive Bilder inklusive.

    Astros Asset-Pipeline optimiert und liefert responsive Bilder automatisch und verbessert Ladezeiten und Core Web Vitals.

  • Angetrieben von ViteSofortiger Dev-Server und blitzschnelle Builds.

    Unter der Haube nutzt Astro Vite für einen nahezu sofortigen Dev-Server mit Hot Module Replacement und hochoptimierte Produktions-Builds.