Pustekuchen Website v2

Moderne, schnelle und DSGVO-konforme Website für den Elterninitiativ-Kindergarten Xanten e.V. "Pustekuchen"

Was ist neu in v2?

Die zweite Version der Pustekuchen-Website bringt eine umfassende Überarbeitung mit sich:

Modernes Design mit Catppuccin Theme

• Harmonisches Catppuccin Latte & Frappe Farbschema
• Freundliche, warme Farben ideal für einen Kindergarten
• Optimierte Kontraste für bessere Lesbarkeit und Barrierefreiheit

Directus CMS Integration

• Headless CMS für flexible Content-Verwaltung
• Inhalte dynamisch anpassen ohne technische Expertise
• Benutzerfreundliches Admin-Interface
• Mehrsprachige Unterstützung und strukturierte Daten

Performance & Optimierung

• Code Refactor für bessere Wartbarkeit
• Optimierte Build-Pipeline
• Hervorragende PageSpeed-Werte

Features

• Headless CMS: Directus als Backend für einfache Content-Pflege
• Blitzschnell: Astro Static Site Generation für optimale Ladezeiten
• Catppuccin Design: Ästhetisches, kinderfreundliches Farbschema
• Responsive: Perfekt auf allen Geräten
• Barrierefrei: WCAG-konform und semantisches HTML
• SEO-optimiert: Meta-Tags, Sitemap, RSS-Feed
• Bildoptimierung: Automatische WebP-Konvertierung
• Analytics-Ready: Vorbereitete Integration
• Open Source: MIT-Lizenz, Community-getrieben

Tech Stack

• Framework: Astro 4.0 - Moderne Static Site Generation
• CMS: Directus - Headless CMS mit GraphQL/REST API
• Styling: Tailwind CSS 3.4 - Utility-first CSS
• Icons: Iconify - Umfangreiche Icon-Bibliothek
• Deployment: Netcup / Coolify / Proxmox
• Container: Docker-Support

Installation

# Repository klonen
git clone https://codeberg.org/Pustekuchen-Xanten/pustekuchen-web-v2
cd pustekuchen-web-cms

# Dependencies installieren
npm install

# Entwicklungsserver starten
npm run dev

Konfiguration

Directus Setup

1. Directus-Instanz aufsetzen (lokal oder gehostet)
2. .env Datei erstellen:

DIRECTUS_URL=https://your-directus-instance.com
DIRECTUS_TOKEN=your-access-token

Build & Deployment

# Production Build
npm run build

# Preview
npm run preview

# Docker Build
docker build -t pustekuchen-web .

Projektstruktur

├── src/
│   ├── components/      # Astro & UI Komponenten
│   ├── layouts/         # Seiten-Layouts
│   ├── pages/           # Routen & Seiten
│   ├── lib/             # Directus Client & Utilities
│   └── assets/          # Bilder, Icons, Styles
├── public/              # Statische Assets
├── vendor/              # Custom Integrations
└── astro.config.mjs     # Astro Konfiguration

Catppuccin Theme

Das Design nutzt die Catppuccin-Farbpalette für eine harmonische, professionelle Ausstrahlung:

• Latte: Helles Theme für den Tag
• Frappe: Gedämpfte Farben für reduzierte Belastung
• Sanfte Übergänge und abgerundete Ecken
• Konsistente Gestaltungssprache

Contribution

Beiträge sind willkommen! Ob Bug-Reports, Feature-Requests oder Pull Requests:

1. Fork das Repository
2. Erstelle einen Feature-Branch (git checkout -b feature/AmazingFeature)
3. Commit deine Änderungen (git commit -m 'Add some AmazingFeature')
4. Push zum Branch (git push origin feature/AmazingFeature)
5. Öffne einen Pull Request

Lizenz

Dieses Projekt steht unter der MIT-Lizenz - siehe LICENSE.md für Details.

Danksagungen

• Basierend auf AstroWind
• Catppuccin für das wunderschöne Theme
• Directus für das großartige CMS

---

Made with ❤️ for Pustekuchen e.V.