Aus dem OpenReplay Blog
AI-Prompting-Tipps für Entwickler
Strukturierte Ausgaben, Few-Shot-Prompting und Context Engineering machen LLM-Integrationen in der Produktion zuverlässig und KI-Antworten vorhersehbar.
So inspizieren und bearbeiten Sie Cookies in den Chrome DevTools
Cookies in Chrome DevTools inspizieren, bearbeiten und löschen – über das Application-Panel, Network-Panel sowie Felder wie HttpOnly, Secure und SameSite.
Postgres Best Practices für moderne Webanwendungen
PostgreSQL-Schema-Design, Indexierungsstrategien, Connection Pooling mit PgBouncer und sichere Migrationen für leistungsstarke Web-Apps in der Produktion.
Daten mit Fetch an den Browser streamen
ReadableStream, TextDecoder und AbortController ermöglichen inkrementelles Streamen von Fetch API-Antworten, bevor die vollständige Payload eintrifft.
5 Mobile-Web-Stolpersteine (und wie man sie behebt)
Häufige Mobile-Bugs lassen sich mit CSS Viewport Units, Safe-Area-Variablen, overscroll-behavior und korrekter Touch-Target-Größe für echte Geräte beheben.
JavaScript-Features, die Sie 2026 verwenden sollten
Moderne JavaScript-Features wie Set-Methoden, Iterator-Helfer, Array-Gruppierung und Promise.try sind stabil und vereinfachen noch heute den Produktionscode.
Mocking von API-Aufrufen in Vue-Tests mit Vitest
Zwei Strategien zum Mocking von API-Aufrufen in Vue-Tests mit Vitest werden vorgestellt: Mocking auf Modulebene und HTTP-Interception mit Mock Service Worker.
Lokale Web-Apps sicher mit Tailscale zugänglich machen
Lokale Web-Apps mit Tailscale Serve und Funnel sicher über alle Geräte hinweg teilen – ohne Port-Weiterleitung, Firewall-Regeln oder instabile ngrok-Tunnel.
KI-Modelle direkt im Browser ausführen mit Transformers.js
KI-Modelle direkt im Browser ausführen: Transformers.js nutzt ONNX Runtime und WebAssembly für private, offline Inferenz ohne Backend-Server.
Eine kurze Einführung in RAG für Webanwendungen
RAG verankert LLM-Antworten in eigenen Daten – mit Vektoreinbettungen, Retrieval-Pipelines und Tools wie LangChain, LlamaIndex und pgvector.
Das Interop-Projekt erklärt
Das Interop-Projekt koordiniert Browser-Hersteller, um CSS- und JavaScript-Inkonsistenzen per Web Platform Tests und gemeinsamen Schwerpunkten zu beheben.
Scannen Sie Ihren React-Code auf Anti-Patterns mit React Doctor
React Doctor analysiert React-Codebasen auf Prop Drilling, toten Code und Barrierefreiheitslücken und liefert per CLI einen Code-Health-Score von 0 bis 100.
Claude Code Skills für Frontend-Workflows
Claude Code Skills helfen, Frontend-Workflows zu automatisieren, Design-System-Regeln durchzusetzen und Komponenten per Slash-Commands zu erstellen.
Eine kurze Einführung in die Invoker Commands API
Die Invoker Commands API verknüpft Schaltflächen über commandfor und command deklarativ mit Dialogen und Popovers – ohne zusätzliches JavaScript.
Von der Idee zur App: 5 Next.js SaaS Starter
Fünf Next.js SaaS Starter im Vergleich, die Authentifizierung, Stripe-Billing und Datenbank-Setup abdecken, um das passende Boilerplate zu wählen.
Markdown nativ mit Bun parsen
Bun enthält einen nativen Markdown-Parser, der Markdown in HTML, React-Elemente oder eigene Ausgaben umwandelt, ohne zusätzliche Pakete oder Plugins.
JSON in ES-Modulen importieren (ohne Fetch, ohne Bundler)
JSON in ES-Modulen lässt sich über native Import-Attributes-Syntax einbinden – ohne fetch und ohne Bundler, in modernen Browsern und aktuellen Node.js-Releases.
Erste Schritte in der Spieleentwicklung von Grund auf
Unity, Godot, Phaser und Unreal Engine werden verglichen, dann entsteht ein kleines Spiel mit Game Loop, Kollisionserkennung und Objektzuständen.
Ein Leitfaden für Einsteiger zu Googles Antigravity IDE
Google Antigravity IDE nutzt autonome Agenten zum Planen, Schreiben und Prüfen von Code. Der Artikel erklärt Agent Manager, Artifacts und den Planning-Modus.
Sicherere Umgebungsvariablen für Web-Apps mit Varlock
Varlock bringt schemabasierte ENV-Validierung in JavaScript-Apps, erkennt fehlende Secrets früh und verhindert Datenlecks in Astro-, Vite- und Next.js-Builds.
npm-Sicherheits-Best-Practices
npm-Lieferkettenrisiken lassen sich durch deaktivierte Post-Install-Skripte, gesperrte Abhängigkeiten, WebAuthn 2FA und OIDC Trusted Publishing reduzieren.
Testen Ihrer Website ohne JavaScript: Was und Warum
Chrome DevTools ermöglicht Tests ohne JavaScript, deckt schwache HTML-Grundlagen auf und unterstützt Progressive Enhancement mit Next.js, Remix oder Astro.
Kostenlose KI-Lernressourcen für Entwickler
Echte KI-Anwendungen mit kostenlosen Ressourcen von Google, OpenAI, Hugging Face und Anthropic zu APIs, Agents und generativer KI-Entwicklung aufbauen.
Rspress: Ein Rust-basierter Site-Generator
Rspress nutzt Rspack, um React- und MDX-Dokumentationsseiten mit schnellen Builds, anpassbaren Themes und statischer Markdown-Ausgabe für KI-Tools zu erstellen.