Technik hinter ero-page.ch

Statisches HTML & CSS

Kein WordPress, kein React, kein Framework-Overhead. Unsere Seiten bestehen aus reinem, handgeschriebenem HTML und CSS – blitzschnell geladen und absolut sicher.

• Ladezeit unter 1 Sekunde
• Kein JavaScript-Rendering nötig
• Sofort indexierbar für Google

Responsive Design

Mobile-First-Entwicklung: Jede Seite funktioniert perfekt auf Smartphones, Tablets und Desktops. Über 70% der Besucher kommen mobil – darauf sind wir vorbereitet.

• Fluid Grids & Flexbox
• Optimierte Touch-Interaktion
• Schnelle mobile Ladezeiten

Custom Design-System

Eigenes CSS-Design-System mit CSS Custom Properties (Variablen). Konsistente Typografie, Farben und Abstände – leicht anpassbar und wartbar.

• Playfair Display & Inter Schriften
• Gold-Akzente auf Dunkel-Thema
• Über 50 wiederverwendbare Komponenten

Server-Architektur

Hosting in der Schweiz und den Niederlanden auf gehärteten Linux-Servern. Tägliche Backups, SSL-Zertifikate und 99.9% Uptime-Garantie.

• Schweizer & NL Datacenter
• Automatisierte Backups
• Node.js API-Server für Zusatzdienste

Performance-Metriken

Unsere Websites erreichen regelmässig Lighthouse-Scores über 95 in allen Kategorien – Performance, Accessibility, Best Practices und SEO.

• LCP unter 1.5 Sekunden
• CLS unter 0.05
• Optimierte Bilder & Lazy Loading

Mehrsprachigkeit

Mehrsprachige Websites (DE, EN, ES, ..) mit korrekten hreflang-Tags, individuellen Meta-Daten pro Sprache und sauber getrennten URL-Strukturen.

• hreflang & Canonical Tags
• Lokalisierte Schema.org-Daten
• Sprach-Switcher auf jeder Seite

Ero-Media-Hub

Unser proprietäres Jamstack-Backend-System basiert auf Headless Architecture: Das Frontend (statisches HTML/CSS) ist komplett vom Backend (Node.js API) entkoppelt. Das Ergebnis: maximale Geschwindigkeit, Sicherheit und Flexibilität.

Während klassische CMS wie WordPress Frontend und Backend in einem monolithischen System vereinen, trennen wir beides konsequent. Die Website wird als statische Seite ausgeliefert — blitzschnell und unangreifbar. Das Backend läuft separat als REST-API und verwaltet Inhalte, Medien, Buchungen und Kontaktformulare.

• Headless Architecture — Frontend & Backend entkoppelt
• Jamstack-Prinzip — Pre-built Markup + API-Dienste
• 15+ REST-API-Endpunkte (Auth, Medien, Buchungen, Content)
• Automatische Bildverarbeitung in 3 WebP-Grössen
• Admin-Panel für Galerie, Buchungen, Inhalte & Preise
• Multi-Tenant fähig — skalierbar für beliebig viele Kunden

Sicherheit — aus Erfahrung

Unser Gründer kommt nicht aus der klassischen IT-Security-Welt — sondern von der anderen Seite. Direkter Einblick in Arbeitsweisen, Exploits und Zero-Days aus der Hackerszene fliesst heute in jedes Projekt ein — und macht den entscheidenden Unterschied zu herkömmlichen Webagenturen.

Wer weiss, wie Angreifer denken, baut bessere Verteidigung. Von der ersten Zeile Code bis zur Server-Konfiguration — jede Entscheidung wird mit dem Wissen getroffen, wie die Gegenseite arbeitet.

• Minimale Angriffsfläche — Kein CMS, keine Datenbank, keine Login-Formulare auf der Website. Statisches HTML eliminiert über 90% der typischen Angriffsvektoren (SQL-Injection, XSS, RCE)
• Server-Hardening — Gehärtete Linux-Server mit restriktiven Firewall-Regeln, Fail2Ban, SSH-Key-Only-Auth und regelmässigen Sicherheitsupdates
• DDoS-Abwehr — Nginx Rate-Limiting als erste Verteidigungslinie, Cloudflare als eskalierbarer Schutzschild bei volumetrischen Angriffen
• SSL/TLS überall — Verschlüsselte Verbindungen auf allen Domains, HSTS-Header, automatische Zertifikatserneuerung via Let's Encrypt
• Security Headers — Content-Security-Policy, X-Frame-Options, X-Content-Type-Options, Referrer-Policy — konfiguriert nach OWASP Best Practices
• Backup & Recovery — Tägliche automatisierte Backups, getestete Wiederherstellungsprozesse, redundante Datenhaltung in CH & NL Datacentern