From the OpenReplay Blog
Quick Guide: Bun + SQLite Setup
Set up Bun SQLite fast using the built-in bun:sqlite module, run queries, manage transactions, and integrate Drizzle ORM for type-safe database operations.
Building Real-Time Dashboards with Node.js
Build production-ready dashboards with Node.js, Socket.IO, and Chart.js using WebSocket communication, event-driven updates, and data throttling techniques.
Best Practices for Error Logging in JavaScript
Build robust JavaScript error logging using Winston and Pino, structured log levels, stack traces, and centralized collection to catch production errors fast.
How to Optimize Images in Next.js for Performance
Optimize Next.js images using the built-in component, custom loaders, and CDN integration to improve Core Web Vitals, reduce LCP, and eliminate layout shift.
Getting Started with Docker MCP for AI Agents
Docker MCP Toolkit lets you deploy containerized MCP servers and connect AI agents like Claude Desktop to external tools without managing dependencies.
Mastering VS Code Keyboard Shortcuts for Speed & Productivity
Boost VS Code productivity with keyboard shortcuts covering navigation, multi-cursor editing, IntelliSense, and custom keybindings to reduce mouse usage.
Framework-Agnostic UI Components with Web Awesome
Web Awesome enables reusable UI components via native Web Components that run in React, Vue, Angular, and vanilla JavaScript without adapters.
Tips and Tricks for Getting More Out of Gemini CLI
Practical tips for Gemini CLI cover GEMINI.md setup, custom commands, multimodal inputs, and memory management to improve your development workflow.
Exposing Localhost Securely with Cloudflare Tunnel
Expose localhost via Cloudflare Tunnel without open ports, hidden origin IP, automatic HTTPS, and Zero Trust integration for demos and webhooks.
Next.js: Fix 'Hydration failed because the initial UI does not match'
Fix Next.js hydration errors by understanding React SSR mismatches, browser-only APIs, and three reliable solutions including useEffect and dynamic imports.
An Introduction to pnpm: A Faster Alternative to npm and Yarn
Compare pnpm with npm and Yarn, and see how its content-addressable store cuts installation times and disk usage across monorepo and CI/CD workflows.
Do Web Developers Really Need to Know Rust?
Weigh Rust against JavaScript and TypeScript for web development, covering Axum APIs, WebAssembly modules, and realistic timelines for ramping up on Rust.
A Practical Guide to Generating UUIDs in JavaScript
Compare crypto.randomUUID, crypto.getRandomValues, and the uuid npm package to generate secure, unique identifiers for JavaScript applications with confidence.
Top Speech Recognition Engines You Can Use in 2025
Compare top speech recognition APIs including Google Cloud, Deepgram, AssemblyAI, and Whisper to choose the right engine for your application needs.
Getting Started with Jan.ai: The Privacy-Focused ChatGPT Alternative
Run local LLMs like Llama 3 and Mistral privately using Jan.ai, a free open-source desktop app that keeps all AI conversations off the cloud entirely.
5 Interesting Chromium Forks You Might Not Know About
Five Chromium forks like Cromite, Thorium, and Supermium solve privacy, performance, and legacy Windows compatibility problems that Chrome ignores.
A Beginner's Guide to Middleware in React Router
React Router middleware lets you intercept requests, share context data, and protect routes with authentication using the new middleware API in version 7.9.
How IndexedDB Compares to LocalStorage and SessionStorage
Compare IndexedDB, LocalStorage, and SessionStorage by capacity, performance, and data types to select the right client-side storage API for your app.
Creating Interactive Charts with JavaScript
Build interactive JavaScript charts using the Canvas API and Chart.js, with hover effects, tooltips, real-time updates, and performance optimization techniques.
Building Smooth Carousels with Pure CSS
Build CSS carousels with scroll-snap, scroll-button pseudo-elements, and keyframe animations without JavaScript libraries or extra dependencies.
Adding Confetti Effects with JavaScript: A Fun Walkthrough
Add celebratory confetti effects using js-confetti, canvas-confetti, or vanilla Canvas, plus best practices for cleanup and mobile performance.
CSS Math Functions: A Guide to cos() and sin()
CSS cos() and sin() functions power circular layouts and wave animations using unit circle math, removing the need for JavaScript calculations.
How to Choose a Node.js Framework: Key Factors to Consider
Compare Express, Fastify, NestJS, and Koa on performance, scalability, and security to select the right Node.js framework for your specific project needs.
Adding a Theme to Your Astro Project
Add Astro starter templates or implement dark and light mode switching using CSS custom properties, theme toggles, and FOUC prevention scripts.