Bokli: alle Website-Builds

Übersicht aller bekannten Nachbauten und Neugestaltungen von bokli.de, mit ehrlicher Kurzbewertung. Keine Prozentwerte: die bisherigen Messungen stammen aus unterschiedlichen Werkzeugen und sind nicht vergleichbar.

Zuletzt geprüft: 23.10.2026, jeweils auf Desktop (1280 px) und Telefon (390 px) geöffnet. Nicht öffentlich verlinkt, von Suchmaschinen ausgeschlossen.

Referenz

Die heutige Website. Maßstab für alle originalgetreuen Nachbauten.

Referenz Produktiv

bokli.de (Original)

bokli.de

WordPress mit Oxygen Builder

Stärken

• Maßgeblicher Inhalt, Medien, Formular und Verhalten

Offen

• Soll durch einen selbst hostbaren Nachbau abgelöst werden

Herkunft: Produktivsystem, nur gelesen

Originalgetreue Nachbauten

Ziel: Aussehen und Verhalten von bokli.de möglichst exakt erhalten, ohne WordPress.

Nachbau Basis für die Ablösung, in Arbeit

Astro-Nachbau (Linie A)

bokli-astro-claude.pages.dev

Astro 5, React-Inseln, Tailwind 4, statisch

Stärken

• Texte, Abschnittsreihenfolge und Typografie folgen dem Original Seite für Seite
• Alle 11 Seiten plus 404, keine Anfragen an den WordPress-Server

Offen

• Vorschau zeigt noch den Stand vom Juni, älter als der Quellcode
• Mobilmenü öffnet außerhalb des Bildschirms, Seite scrollt auf dem Telefon seitlich
• Video-Lightbox fehlt, Header-Glaseffekt sowie Tab- und FAQ-Farben weichen ab
• Inhalte seit Juni nicht nachgezogen (Zertifikate, Adresse, Messehinweis)
• Kontaktformular ohne echten Versand

Herkunft: Git-Branch bokli-astro-2026-06-23, Vorschau etwa vom 24.06.2026

Nachbau Spender für Medien, Video und Formular-Technik

Astro-Nachbau (Linie B)

bokli-astro-live-mirror-20260623.mrtns.org · Ausweich-Adresse

Astro 7 als Cloudflare Worker

Stärken

• Video-Lightbox und Mobilmenü funktionieren
• Kontakt-Endpunkt mit Spam-Schutz (Turnstile) vorbereitet

Offen

• Die veröffentlichte Fassung schreibt Texte um und ordnet Abschnitte anders als das Original
• Neuere, originalnähere Arbeit liegt nur lokal und ist nicht veröffentlicht
• Formularversand nur simuliert

Herkunft: Branch astro-live-mirror-2026-06-23 (Stand 23.06.2026)

Nachbau, lose Überholt durch die Astro-Linien

React-Router-Nachbau (April 2026)

bokli-rebuild-mirror.pages.dev

React Router 7, Vite

Stärken

• Video und Mobilmenü funktionieren

Offen

• Seite ist breiter als das Fenster (Desktop und Telefon), Kopfbereich auf dem Desktop zu hoch
• Eigene Abschnitte und Reihenfolge, kein Kontaktformular

Herkunft: Branch mirror-baseline-2026-04-01 (Stand 05.04.2026)

Neugestaltungen

Bewusst andere Gestaltung. Bewertet nach eigener Qualität, nicht nach Ähnlichkeit zum Original.

Neugestaltung Studien, Juni 2026

Showcase: Vier Designstudien (Übersicht)

bokli-showcase.pages.dev

pnpm-Workspace, statisch auf Cloudflare Pages

Stärken

• Gemeinsamer Einstieg zu V1 bis V4

Offen

• Nur Übersicht, die Varianten folgen einzeln

Herkunft: Ordner showcase-2026 (Stand 25.06.2026)

Neugestaltung Designstudie

V1 Mikrosekunde

bokli-showcase.pages.dev

Statisch, Canvas-Animation

Stärken

• Erzählt eine Schweißung in Millisekunden, starke dunkle Bildsprache
• Unterseiten Produkte, Branchen, Wissen, Kontakt, Rechtliches
• Vollbild-Menü auf Telefon und Tablet (seit 23.10.2026)

Offen

• Schriften von Google Fonts geladen
• Nur in Chromium geprüft, nicht auf echten Geräten

Herkunft: showcase-2026, Variante v1

Neugestaltung Designstudie

V2 Reißbrett

bokli-showcase.pages.dev

Statisch

Stärken

• Technische Zeichnung als Gestaltungsprinzip, sehr eigenständig
• Unterseiten vollständig
• Aufklappbares Blattverzeichnis als Telefon-Menü (seit 23.10.2026)

Offen

• Nur in Chromium geprüft, nicht auf echten Geräten

Herkunft: showcase-2026, Variante v2

Neugestaltung Designstudie

V3 Werkstatt

bokli-showcase.pages.dev

Statisch, Einseiter

Stärken

• Redaktionelle Werkschau mit großer Typografie und Produktfotos

Offen

• Nur Startseite und Rechtliches
• Schriften von Google Fonts geladen

Herkunft: showcase-2026, Variante v3

Neugestaltung Designstudie

V4 Stromrechner

bokli-showcase.pages.dev

Statisch, interaktiver Rechner

Stärken

• Energie- und Kostenrechner als Einstieg, klare Entscheidungshilfe
• Unterseiten vollständig
• Menü-Schublade auf Telefon und Tablet (seit 23.10.2026)

Offen

• Nur in Chromium geprüft, nicht auf echten Geräten

Herkunft: showcase-2026, Variante v4

Neugestaltung Experiment, Stand mit lokalen Änderungen vom 23.10.2026

Next.js-Neugestaltung (DE/EN)

bokli-gsn-76ad5bce5c97.pages.dev

Next.js 16, next-intl, shadcn/ui, als statischer Export

Stärken

• Zweisprachig, vollständige eigene Seitenstruktur
• Eigene Kopie ohne Google Tag Manager, von Suchmaschinen ausgeschlossen

Offen

• Kontaktformular ist in der Vorschau abgeschaltet und sagt das
• Abschnitt „Seit 1990“ ohne Seitenränder, Teamfoto fehlt
• Cookie-Banner überdeckt auf dem Telefon den Einstieg

Herkunft: Ordner generated-site-next einschließlich nicht eingecheckter Änderungen, Kopie vom 23.10.2026

Neugestaltung Prototyp, April 2026

Vite-Prototyp

bokli-gs-0e7d35d4f0f1.pages.dev

Vite, React

Stärken

• Dunkle Hero-Inszenierung mit Vorlader
• Zweisprachig

Offen

• Navigation bricht auf dem Desktop in zwei Zeilen um
• Titel der Technologie-Karten sehr blass
• Kontaktseite lädt Kartenkacheln von OpenStreetMap

Herkunft: Ordner generated-site, Kopie vom 23.10.2026; gleiche Titel und Überschriften wie die alte Vercel-Vorschau

Neugestaltung Veraltet, nicht weiterentwickelt

Frühe Next.js-Neugestaltung

bokli-nextjs-app-97f76ad70831.pages.dev

Next.js 16, als statischer Export

Stärken

• Blaue Variante mit klarer Hero-Botschaft

Offen

• Kontaktformular ohne Ziel, lädt nur die Seite neu
• Link „Kontakt“ auf der Wissensseite führt ins Leere

Herkunft: Ordner nextjs-app, Kopie vom 23.10.2026; die alte Vercel-Vorschau zeigt einen älteren Stand

Neugestaltung Experiment, April 2026

Redaktionelle Neufassung (bokli-rebuild)

bokli-rebuild-c2bf0feaf36c.pages.dev

React Router 7, statisch vorgerendert

Stärken

• Helle, redaktionelle Gliederung mit großer Typografie

Offen

• Seite breiter als das Fenster (Desktop und Telefon)
• Überschrift auf dem Telefon abgeschnitten, Textblöcke überlappen
• Umlaute im Text als ae, oe, ue geschrieben

Herkunft: Eigenes Repository bokli-rebuild, Hauptzweig (Stand 02.04.2026)