From the OpenReplay Blog
Omarchy: A New Arch Linux Distro from 37signals
Omarchy turns a bare Arch Linux install into a complete Hyprland workstation in minutes, with opinionated defaults and keyboard-driven workflows ready to go.
5 Tips and Tricks for AI-Assisted Coding
Five practical strategies for AI-assisted coding with tools like GitHub Copilot and Cursor help reduce bugs, technical debt, and security vulnerabilities.
Using the CSS attr() Function for Smarter Styling
The CSS attr() function now supports typed values and works with any CSS property, enabling dynamic theming and layouts with minimal JavaScript.
BetterAuth Explained: What It Is and Its Rapid Developer Adoption
BetterAuth is a TypeScript-native, self-hosted auth library with a plugin system that rivals Auth0, Firebase Auth, and NextAuth.js for modern web apps.
How to Set Up GitHub Copilot in VS Code
Set up GitHub Copilot in VS Code by installing the extension, choosing a plan, configuring privacy settings, and writing code faster with AI suggestions.
Astro Islands Architecture Explained
Astro Islands Architecture uses partial hydration and client directives to boost web performance. See how server islands and static HTML work together.
requestAnimationFrame vs setTimeout: When to Use Each
Compare requestAnimationFrame and setTimeout, learn their timing differences, and choose the correct tool for animations or background JavaScript tasks.
Tools and Platforms That Make Self-Hosting Easier
Compare Docker, Proxmox, Portainer, and CasaOS to choose the right self-hosting platform for your data sovereignty and infrastructure goals.
Handling Scroll Events Without Killing Performance
Optimize scroll event handlers using throttling, debouncing, and passive listeners to boost performance, reduce CPU usage, and improve mobile battery life.
How to Clone Any Website into a React App with Open Lovable
Clone any website into a React app using Open Lovable, Firecrawl, and AI models like Claude or Groq to generate TypeScript components with Tailwind CSS.
Getting Started with HonoJS for Lightweight Web APIs
Build lightweight web APIs with HonoJS by setting up routes, adding middleware, and deploying the same code across Node.js, Bun, and Cloudflare Workers.
Svelte and SvelteKit Updates: Summer 2025 Recap
Svelte 5's async components, Remote Functions, and Runes reactivity system explained so you can migrate projects and build full-stack apps with confidence.
How to Disable Dependabot Alerts for a GitHub Repo
Disable Dependabot alerts, security updates, and version updates for GitHub repositories using the settings UI or configuration files for granular control.
Common Accessibility Issues with Modals (and How to Fix Them)
Modal accessibility failures in focus management, ARIA attributes, and keyboard navigation are fixable. Build dialogs that work for all screen reader users.
Getting Started with GitHub Copilot in 2025
Install GitHub Copilot in VS Code, compare it to ChatGPT, and explore pricing tiers including the free option to start coding with AI assistance today.
Choosing the Right JavaScript Charting Library
Compare Chart.js, D3.js, ECharts, ApexCharts, and Highcharts on rendering, performance, and use cases to select the best fit for your project.
What's New in Vite 7: Rust, Baseline, and Beyond
Vite 7 introduces Rolldown, a Rust-based bundler, baseline browser targeting, and ESM-first Node.js support for faster, more efficient production builds.
How to Run TypeScript Natively in Node.js
Run TypeScript natively in Node.js without transpilation tools using type stripping, supported syntax, tsconfig configuration, and ts-node migration steps.
5 AI Tools That Every Frontend Developer Should Try
Five AI tools including Cursor, v0 by Vercel, Bolt.new, and Applitools can improve frontend workflows across coding, prototyping, and visual testing.
Introduction to WebGL for Front-End Developers
Start rendering WebGL graphics in the browser using GPU acceleration, shaders, and libraries like Three.js and Babylon.js to build visual web experiences.
A Simple Introduction to the View Transitions API in the Browser
The View Transitions API creates smooth page animations without heavy libraries. Apply it to SPAs and MPAs using CSS and minimal JavaScript.
How to Integrate ShadCN with Next.js
Integrate Shadcn UI into a Next.js project with Tailwind CSS, dark mode via next-themes, and React 19 compatibility using step-by-step CLI setup.
Improving Tap Targets for Better Mobile UX
Improve mobile tap targets using Apple HIG, Material Design dp guidelines, thumb zone ergonomics, spacing buffers, and rage tap analytics to reduce mis-taps.
Tips and Tricks for Debugging Service Workers
Fix service worker registration errors, cache confusion, and update delays using DevTools panels across Chrome, Firefox, and Safari with proven techniques.