Skill🧩 Web-Entwicklung

Onepage-Site als statische Kopie spiegeln (self-hosted)

Version 1.0·Stand 2026-09-02·Markdown · kostenlos

Eine auf Onepage.io gehostete Website als vollständig selbständige statische Seite spiegeln und selbst hosten: Sitemap- und robots-Harvest inklusive versteckter Seiten, CDN-Assets mit Content-Type-basiertem Extension-Mapping laden, mehrrundiger CSS/JS-Zweitpass für Fonts, URL-Rewrite in der richtigen Reihenfolge, Cookie-Consent-Bibliothek mitspiegeln, Clean URLs in nginx. Ergebnis: eine Kopie ohne einen einzigen verbleibenden CDN-Request.

🧭Worum es geht

Von der Erkennung (One-Cache-Status-Header, onecdn.io-Assets) über den kompletten Mirror-Lauf (Roh-HTML, Asset-Harvest, Rewrite, /_api-Handling) bis zu nginx-Konfiguration, noindex-Strategie und Verifikations-Sweep. Formulare und Drittanbieter-Embeds werden bewusst abgegrenzt.

📄Was die Datei enthält

10-Schritte-Ablauf: Sitemap+robots-Harvest, curl --compressed, Asset-Regex, Extension-Mapping, mehrrundiger CSS/JS-Pass, Längste-zuerst-Rewrite, Consent-Lib, Clean URLs, Deploy, Verifikation
onecdn.io-Anatomie: media-Größenvarianten (sm bis xlg2x), cdn-cgi-Transforms, Build-Bundles, font-storage
nginx-Muster: try_files für Clean URLs und für /_api mit 204-Fallback
noindex-Strategie für Kopien, solange das Original kanonisch bleibt
Gotchas: gzip-Zwang, Apex-TLS unter Windows-curl, Hydration- und Lazy-Loading-Täuschung beim Verifizieren

🎯Welche Probleme sie löst

Unabhängige, self-hosted Kopie einer Baukasten-Seite als Backup oder Migrationspfad
Endungslose CDN-URLs korrekt ausliefern trotz nosniff/strict MIME checking
Fonts aus CSS-Referenzen vollständig mitnehmen statt kaputter Typografie
Cookie-Consent-Banner funktioniert auch auf der Kopie
Kein Duplicate-Content-Schaden am Original

⚠️Welche Fehler ohne diesen Skill auftreten

Binärmüll statt HTML, weil die gzip-Antwort nicht dekomprimiert wurde
Browser blocken CSS/JS der Kopie wegen application/octet-stream und strict MIME checking
Zerstörte Retina-Bildreferenzen, weil kurze URLs vor ihren längeren Präfix-Geschwistern ersetzt wurden
Totes Consent-Banner durch pauschalen API-Stub
Fehlurteil 'Seite kaputt' wegen React-Hydration und Lazy-Loading beim ersten Screenshot

🏷️Themen

onepagemirrorstatische-seitenginxmigrationbackupcdnself-hostingwebdesign

Skill = eine einzelne Fähigkeit bzw. ein Schritt – fokussiert und sofort einsetzbar.

Workflow = ein kompletter Prozess, der mehrere Skills zu einem Ergebnis verkettet.