Aus dem OpenReplay Blog
Wie JSON-LD KI dabei hilft, Ihre Website zu verstehen
JSON-LD und Schema.org helfen KI-Crawlern und Google, Ihre Website zu verstehen. So vermeiden serverseitige strukturierte Daten JavaScript-Lücken.
5 Open-Source-E-Commerce-Plattformen für Entwickler
Vergleiche Medusa, Saleor, Vendure, Sylius und Shopware für Headless-E-Commerce-Backends, Next.js-Support, APIs und Self-Hosting.
Erste Schritte mit Vite+
Starten Sie mit Vite+: vp installieren, ein Projekt scaffolden, dev, check, test und build ausführen und den einheitlichen vite.config.ts-Workflow verstehen.
Copy-Paste-Animationen mit Animata
Animata bietet kopierbare React-Animationskomponenten mit Tailwind CSS, shadcn/ui-Workflow und schlanken Abhängigkeiten pro Komponente.
So beheben Sie den lästigen 404-Fehler „favicon.ico nicht gefunden“
Beheben Sie den 404-Fehler favicon.ico mit einer Datei im Root und passenden Icon-Tags für SVG, PNG und Apple Touch Icon.
Pretext und die Zukunft des Web-Textlayouts
Pretext ist eine TypeScript-Bibliothek, die Text außerhalb des DOM misst, Reflows vermeidet und virtuelle Listen, Chats und Masonry-Layouts beschleunigt.
Cookies vs. localStorage für JWT-Authentifizierung
Cookies vs localStorage für JWT-Authentifizierung: XSS- und CSRF-Risiken, HttpOnly-, Secure-, SameSite-Cookies und moderne Token-Speicherung.
Was Sie niemals cachen sollten
Cache keine Nutzerdaten, Auth-Antworten, JWTs oder sensible Seiten. So setzt du no-store, private und bfcache sicher ein.
GitHub Workflows auf Sicherheitsrisiken prüfen
Prüfen Sie GitHub Actions auf Token-Rechte, Script-Injection, pull_request_target-Risiken, Action-Pinning, Self-hosted Runner und OIDC.
Fünf Alternativen zu Next.js
Fünf Alternativen zu Next.js für 2026: React Router v7, Astro 5, SvelteKit, Nuxt 4 und TanStack Start.
Authentifizierung in einer Electron-App implementieren
Fügen Sie Authentifizierung in eine Electron App mit OAuth 2.0 PKCE, Login im Systembrowser, Deep Links oder Loopback Redirects und safeStorage hinzu.
Die Wahl eines Static Site Generators für JavaScript-Projekte
Vergleichen Sie Astro 6, Eleventy 3, Next.js 16, Nuxt 4 und SvelteKit, um den passenden Static Site Generator für JavaScript-Projekte zu wählen.
Verwendung von prefers-reduced-motion für barrierefreie Animationen
Nutzen Sie prefers-reduced-motion, um Animationen mit CSS, JavaScript und Motion.dev sicher zu reduzieren, plus Tests und WCAG-Hinweise.
Solltest du von npm zu pnpm wechseln?
Sollten Sie von npm zu pnpm wechseln? Vergleichen Sie Abhängigkeitsisolation, Speicherersparnis, Workspaces und Build-Script-Freigaben in pnpm 11.
Native-Element-Styling mit CSS `all: unset` entfernen
Nutze all: unset, um native CSS-Stile zu entfernen, Buttons und Formularfelder zurückzusetzen und focus-visible wiederherzustellen.
So erkennen Sie, wann ein Browser-Tab inaktiv wird
Nutzen Sie die Page Visibility API, um zu erkennen, wann ein Browser-Tab inaktiv wird. Pausieren Sie Polling, Medien und Analytics mit visibilitychange.
Chrome Extension Manifest V3 erklärt
Manifest V3 erklärt: Service Worker, declarativeNetRequest, chrome.action, Offscreen API und warum MV2-Background Pages und Remote-Code entfernt wurden.
React Compiler vs. manuelle Memoization
React Compiler vs manuelle Memoisierung: wann React.memo, useMemo und useCallback automatisch greifen und wann manuelles Feintuning bleibt.
Eine Einführung in agentische Browser
Agentische Browser verändern Web-Apps. Erfahre, wie sie sich von Selenium unterscheiden, warum semantisches HTML zählt und welche Sicherheitsrisiken es gibt.
Entfernen ungenutzter Dateien und Abhängigkeiten mit Knip
Knip findet ungenutzte Dateien, Exporte und Abhängigkeiten in JavaScript- und TypeScript-Projekten, mit Auto-Fix und CI.
So persistierst du Formularzustände im Browser
Formularzustand im Browser mit localStorage, sessionStorage oder IndexedDB speichern. Mit Autosave, Wiederherstellung und sicherem Löschen.
Hintergrundaufgaben im Browser mit der Scheduler API
Nutzen Sie die Scheduler API, um Main-Thread-Arbeit mit scheduler.postTask() und scheduler.yield() zu priorisieren, plus Support-Check und Fallback.
Ein vollständiger Leitfaden zu Git Stash
Git-Stash-Befehle, pop vs apply, Konfliktlösung, nicht verfolgte Dateien und Best Practices zum Sichern und Wiederherstellen ohne Commit.
Sanftes Scrollen mit CSS scroll-behavior
Nutzen Sie scroll-behavior: smooth in CSS für Ankerlinks, verhindern Sie Überlappung durch feste Header mit scroll-margin-top und achten Sie auf Barrierefreiheit.