Aus dem OpenReplay Blog
Grundlagen des relationalen Datenbankdesigns
Relationale Datenbankschemata mit Primärschlüsseln, Fremdschlüsseln, Normalisierung und Constraints strukturieren Tabellen und verhindern Datenanomalien.
Logging von Requests mit Node.js-Middleware
Mit Morgan, Pino und AsyncLocalStorage lässt sich HTTP-Request-Logging in Express umsetzen, das Korrelations-IDs verfolgt und sensible Daten aus Logs fernhält.
5 Sicherheitsfunktionen, die moderne Frameworks Ihnen kostenlos bieten
Moderne Frameworks wie Next.js, SvelteKit und Django bieten automatisches XSS-Escaping, CSRF-Tokens und serverseitige Isolation als sichere Standardfunktionen.
Die besten JavaScript-Bibliotheken für Dashboard-Entwicklung
Chart.js, Apache ECharts, Recharts, AG Grid und TanStack Table im Vergleich – für die Wahl der richtigen Dashboard-Bibliothek im Analytics-Einsatz.
Das neue HTML-Geolocation-Element
Das neue Geolocation-Element bringt deklarativen Standortzugriff in HTML und ersetzt navigator.geolocation-Callbacks durch saubereres Permission-Handling.
ResizeObserver vs. Window Resize: Wann welche Methode verwenden
ResizeObserver und Window-Resize-Event im Vergleich: Welches Werkzeug für Viewport-Änderungen, Element-Größenverfolgung und CSS Container Queries passt.
Wie man mit modernem CSS alles zentriert
Elemente lassen sich mit CSS Flexbox, Grid und Auto-Margins zentrieren, indem die passende Methode zum jeweiligen Layout-Kontext gewählt wird.
Terminal-UIs mit Charm erstellen
Terminal-UIs in Go lassen sich mit Bubble Tea, Lip Gloss und Bubbles aus dem Charm-Ökosystem durch die komponierbare Model-Update-View-Architektur erstellen.
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.