---
title: "Technik: Architektur, Stack & Betrieb"
description: "Die technische Architektur hinter Webeo: Static-Site-Generation, Edge-Delivery, strikte CSP, reduzierte Angriffsfläche und automatisierter Website-Betrieb."
canonical: https://webeo.ch/technik
language: de-CH
---

*Technik*

# Die Architektur.

Für alle, die wissen wollen, warum Webeo Sites schnell, sicher, datensparsam und wartungsarm bleiben.

*Architektur*

## Static. Edge. Betreut.

Die Live-Site ist statisch ausgeliefert, global verteilt und vom internen CMS entkoppelt. Das macht den Betrieb schneller, sicherer und planbarer.

- Keine Server-Runtime
- Reduzierte Angriffsfläche
- Entkoppeltes CMS
- Global ausgeliefert

![Vierstufige Build-Pipeline: Data Source → Build → Edge Deploy → Client](https://webeo.ch/_astro/build-pipeline.BkJF34Og.webp)

- **<50ms** TTFB: Time to First Byte

- **<1.2s** LCP: Largest Contentful Paint

- **<100ms** INP: Interaction to Next Paint

- **<0.05** CLS: Cumulative Layout Shift

**90–100**

Google Lighthouse Score als Zielwert bei Go-Live

*Performance*

## Schnell, weil wenig bremst.

Performance wird nicht nachträglich hineingetuned. Die Architektur ist so gebaut, dass wenig zur Laufzeit passieren muss.

- Static Site Generation
- Edge Delivery
- Asset-Optimierung
- Minimal by Default
- Kein Third-Party-Bloat

*Sicherheit*

## Sicherheit durch weniger Angriffsfläche.

Webeo ist nicht sicher, weil wir ständig Plugins patchen. Webeo ist sicherer, weil typische Plugin-, Login- und Datenbank-Risiken auf der Live-Site nicht vorhanden sind.

- Keine SQL Injection
- Strikte CSP
- Kein Brute Force
- Keine Plugin-CVEs
- Kein File Upload
- Kein PHP/MySQL

**Security Headers**

Jede Webeo Site liefert Schutz-Header aus: automatisch, bei jedem Request.

- 
- 
- 
- 
- 
-

- **A+** Mozilla Observatory

- **A+** SecurityHeaders

- **A+** SSL Labs

- **0** Runtime-CVEs auf der Live-Site

*Datenschutz*

## Datensparsam statt Banner-lastig.

Viele Websites laden erst Tracker und lösen danach das Problem mit Consent-Bannern. Webeo setzt im Standard auf weniger Drittanbieter und weniger Datenabfluss.

- Keine unnötigen Tracker
- Strikte CSP
- Dokumentierte Dienstleister
- Rechtstexte inklusive

**Was im Standard nicht geladen wird:**

- 
- 
- 
- 
-

**Konsequenz für DSGVO und revDSG**

Datenschutz beginnt bei der Technik. Webeo Sites kommen im Standard-Setup ohne Cookies, Tracker und unnötige Drittanbieter aus. Dadurch sinkt der Aufwand für DSGVO und revDSG erheblich. Die rechtliche Verantwortung bleibt bei deinem Unternehmen. Wir sorgen dafür, dass die technische Grundlage von Anfang an stimmt.

*SEO & AEO*

## Maschinenlesbar by Default.

Sichtbarkeit entsteht nicht nur durch gute Texte. Suchmaschinen und KI-Systeme brauchen Struktur, Meta-Daten, klare Hierarchie und maschinenlesbare Signale.

- Technisches SEO
- Schema.org
- AEO
- Open Graph

**Was bei jedem Build passiert:**

- 
- 
- 
- 
- 
-

*Barrierefreiheit*

## Zugänglichkeit in der Komponente.

Barrierefreiheit entsteht nicht am Ende durch ein Overlay. Sie entsteht in Struktur, Semantik, Kontrasten, Fokusführung und Tastaturbedienung.

- Semantisches HTML5
- Tastatur-Navigation
- Kontraste und Fokus
- Reduced Motion

**Test-Matrix pro Komponente**

- 
- 
- 
- 
-

**Zukunftssicher**

Für viele digitale Angebote im EU-Raum ist Barrierefreiheit über den European Accessibility Act seit Juni 2025 relevant. Webeo Sites sind auf WCAG 2.2 AA ausgelegt.

**SSL Auto-Renewal**

Automatisch via Cloudflare

**Build & Deploy**

Bei Content-Änderung global ausgerollt

**Cache-Invalidation**

Bei jedem Deploy: globaler Purge

**Error Tracking**

Client-seitige Fehler werden erfasst

**Performance Monitoring**

Core Web Vitals und Regression-Alerts

**Security Scan**

Headers und SSL-Konfiguration geprüft

*Operations*

## Der Betrieb läuft mit.

Webeo ist nicht nur Build und Hosting. Wir übernehmen den laufenden technischen Betrieb, damit die Website nicht nach dem Go-Live liegen bleibt.

- Verfügbarkeitsziel
- Support innert 24h
- Faire Laufzeit

*Stack*

## Bewusst gewählt.

Unser Tech-Stack ist auf schnelle, sichere und wartungsarme Websites ausgelegt.

### Astro

Static Site Generator mit Island Architecture. Rendert zur Build-Zeit HTML und lädt JavaScript nur dort, wo es nötig ist.

### Tailwind CSS 4

Utility-first CSS für ein konsistentes Design-System mit schlankem Output.

### Alpine.js

Leichtgewichtiges Framework für kleine Interaktionen statt schwerem Frontend-Stack.

### Cloudflare

Edge-Hosting, SSL, DDoS-Schutz, WAF und globale Auslieferung.

### Scaleway TEM

Transaktionaler E-Mail-Versand aus Paris für Formulare und System-E-Mails.

*Komponenten*

## 50+ kuratierte Komponenten.

Webeo Sites werden aus getesteten Bausteinen zusammengesetzt. Das hält Qualität, Geschwindigkeit und Barrierefreiheit kontrollierbar.

**Hero & Navigation**

Header, Mobile Menu, Mega Nav

**Content**

Sektionen, Grids, Rich Text

**Features**

Cards, Listen, Vergleiche

**Social Proof**

Testimonials, Stats, Logos

**Conversion**

Pricing, CTA, Formulare

**Blog & Daten**

Artikel, Team, Jobs, FAQ

**Layout**

Timeline, Galerie, Tabs

**Branding**

Footer, Legal, Theme Toggle

**Qualität pro Komponente**

- 
- 
- 
- 
- 
-

**Warum kuratiert?**

Völlige Freiheit im Webdesign klingt gut, führt aber oft zu Performance-Problemen, Accessibility-Lücken und schwer wartbaren Layouts. Kuratierte Komponenten geben genug Flexibilität für Individualität und genug Leitplanken für Qualität.

**Weniger Zufall, bessere Ergebnisse.**

## Technische Fragen?

Wir sprechen gerne über Stack, Security, Migration oder technische Anforderungen.

[Website-Audit starten](/audit)

[Onboarding starten](https://app.webeo.ch/onboarding)