Zum Inhalt springen
Farbschema
Zurück
Blog PostJohannes Hötter

So ist diese Seite gebaut

Welche Werkzeuge hinter dieser Seite stecken, wofür ich sie nutze und was bewusst fehlt.

Überblick

Die Seite läuft auf Next.js und wird von Cloudflare Workers ausgeliefert, also nah bei den Leserinnen und Lesern. Videos und Bilder liegen in einem eigenen Cloudflare-R2-Speicher.

Die KI im Chat

Fragen gehen über OpenRouter an ein Sprachmodell (aktuell Claude Haiku von Anthropic). OpenRouter ist ein gemeinsamer Zugang zu vielen Modellen, ich kann das Modell also wechseln, ohne die Seite umzubauen. Der Chat kann Beiträge suchen und lesen und die Seite für dich bedienen, zum Beispiel einen Beitrag öffnen. Dieselben Lese-Werkzeuge gibt es als MCP-Server für andere KI-Programme.

Code ausprobieren

Wenn eine Frage Code betrifft, darf die KI ihn ausführen. Das passiert in einer E2B-Sandbox: ein abgeschotteter, kurzlebiger Rechner, der nach jeder Anfrage wieder verschwindet. Dort läuft nichts von deinen Daten.

Erklärvideos

Die Videos entstehen mit Remotion, einem Programm, das Videos aus Code baut. Die Stimme kommt von ElevenLabs und ist ein Klon meiner eigenen. Gerendert wird bei mir, abgelegt wird die fertige Datei im R2-Speicher.

Was bewusst fehlt

Es gibt keine Tracker, keine Werbung und keine Cookies. Notizen und Markierungen, die du im Text machst, bleiben in deinem Browser. Details stehen in der Datenschutzerklärung.

Meine Notizen

Notizen und Markierungen zu diesem Beitrag

Nur in diesem Browser gespeichert. Es wird nichts gesendet.

Hier landen deine Notizen und Markierungen.

Markiere im Text eine Stelle und wähl „Markieren“ oder „Notiz“. Oder schreib gleich eine Notiz zum ganzen Beitrag.

Mehr davon im Postfach

Antwortet mit anthropic/claude-haiku-5.5

Notiz

Bleibt in diesem Browser, nichts wird gesendet.

Newsletter abonnieren

Relevante Insights für Applied AI: Prozesse, Coding, Organisation, Design und Architektur. Abmelden jederzeit mit einem Klick.

Kontakt

Eine Frage, ein Projekt oder Feedback? Schreib mir, die Antwort kommt per E-Mail.

0 / 4000