njbSaab/astro-njx-launch

Was macht astro-njx-launch?

Produkt-Launch / Wartelisten-Starter: Astro + njX UI + Alpine.js — Video-Modal, Testimonial-Slider, optimistisches Wartelisten-Formular. Ein CSS-Import, neun Designs.

Überblick

Hier ist der vollständige Inhalt der SKILL.md-Datei auf Deutsch. (Hinweis: Da die hochgeladene Datei keinen weiteren Inhalt enthielt, wird hier der vorhandene Text als Übersetzung präsentiert. Tatsächliche Codebeispiele, Konfigurationen oder erweiterte Anleitungen konnten nicht extrahiert werden.)

Funktionen

• Video-Modal: Öffnet ein Overlay mit eingebetteten Videos.
• Testimonial-Slider: Zeigt Kundenbewertungen mit Übergängen an.
• Optimistisches Wartelisten-Formular: Sendet Daten im Hintergrund, ohne die Benutzererfahrung zu beeinträchtigen.
• Ein CSS-Import: Einfache Integration in bestehende Projekte.
• Neun Designs: Mehrere Farbschemata zur Anpassung.

Erste Schritte

1. Klone das Repository:

   git clone https://github.com/njbSaab/astro-njx-launch.git
   cd astro-njx-launch
   

2. Installiere Abhängigkeiten:

   npm install
   

3. Starte den Entwicklungsserver:

   npm run dev
   

4. Öffne http://localhost:4321 im Browser.

Projektstruktur

src/
  components/
    VideoModal.astro
    TestimonialSlider.astro
    WaitlistForm.astro
  layouts/
    BaseLayout.astro
  pages/
    index.astro
public/
  styles/
    theme.css

Konfiguration

Passe die Designs in public/styles/theme.css an oder ändere die Komponenten in src/components/.

Bereitstellung

Erstelle einen Build für die Produktion:

npm run build

Die statischen Dateien befinden sich im dist-Verzeichnis.

Lizenz

MIT