All Posts

  • Building HomeIO: Making Self-Hosting Feel Like a Native Desktop

    Building HomeIO: Making Self-Hosting Feel Like a Native Desktop

    Why I built HomeIO, how I shaped its desktop-like experience, and the stack behind its app store, terminal, files, and live monitoring.

  • Event-Driven Microservices with NestJS, Kafka & MongoDB for TGV Maintenance

    Event-Driven Microservices with NestJS, Kafka & MongoDB for TGV Maintenance

    Architectural insights from leading the SPID Program: NestJS microservices, Kafka event streams, MongoDB change detection <200ms, and Angular 21 with Signals.

  • Modernizing Kraken: Migrating an Offline-First Application to NestJS, GraphQL & Angular

    Modernizing Kraken: Migrating an Offline-First Application to NestJS, GraphQL & Angular

    How we migrated ASN's mission-critical Kraken application from a legacy system to a modern NestJS + GraphQL + Angular stack with zero post-deployment regressions.

  • Building LIVE Solution: Real-Time Passenger Information for 5M+ Travelers

    Building LIVE Solution: Real-Time Passenger Information for 5M+ Travelers

    Serving as React Technical Referent in a 42-developer SAFe organization at SNCF Connect. Real-time passenger display, AWS Serverless stack, and 90%+ TDD/BDD coverage.

  • Architecting an IPTV Streaming Platform with Angular 13 & NX for 50,000 Daily Users

    Architecting an IPTV Streaming Platform with Angular 13 & NX for 50,000 Daily Users

    Building the RMC/BFM IPTV streaming application: Angular 13, NX monorepo, Angular Universal SSR, Akita Store offline persistence, and Didomi GDPR compliance.

  • Scaling Orange's Customer Platform: Cloud-Native Microservices & Angular 10

    Scaling Orange's Customer Platform: Cloud-Native Microservices & Angular 10

    Frontend architecture ownership on Angular 10 for Orange's national platform, managing billing, usage tracking, and customer support for millions of subscribers.

  • Engineering KPEIZ: Real-Time Social Analytics with Graph APIs & Stripe

    Engineering KPEIZ: Real-Time Social Analytics with Graph APIs & Stripe

    Developing a multi-tenant social media analytics platform: Facebook & Instagram Graph APIs, real-time KPI pipelines, Chart.js visualizations, and Stripe billing.

  • Developing a Real-Time Desktop POS with Electron, Angular & WebSockets

    Developing a Real-Time Desktop POS with Electron, Angular & WebSockets

    Building an offline-capable desktop POS application: Electron, Angular 6, SignalR/WebSocket multi-terminal sync, and hardware receipt printing via QZ Tray.

Building HomeIO: Making Self-Hosting Feel Like a Native Desktop
March 24, 20262 min read

Building HomeIO: Making Self-Hosting Feel Like a Native Desktop

Next.js React TypeScript Tailwind CSS Motion Docker Self-Hosted

HomeIO started from a frustration I kept seeing in the self-hosted world: powerful tools existed everywhere, but the experience around them still felt fragmented. Installing Docker apps, jumping into a terminal, checking server health, and browsing files often meant switching between multiple dashboards with completely different UX. I wanted one product that made a personal server feel coherent, modern, and enjoyable to manage.

The Vision The concept was to bring the confidence and ergonomics of a native desktop operating system directly to the browser for home servers. HomeIO is designed as a glassmorphic workspace featuring a dock, floating window chrome, rich motion, and an intuitive hierarchy. The core goal: self-hosting should be visually polished without obscuring technical control.

Technical Architecture - Frontend & App Shell: Next.js 16, React 19, TypeScript, Tailwind CSS v4, and Motion. - Server Communication: Direct integration with Docker daemon via Unix sockets and REST endpoints to manage container lifecycles. - Embedded Terminal: Real-time WebSocket connection to a PTY session for instant shell access. - One-Line Deployment: Lightweight installer script served via `get.homeio.app` enabling zero-dependency deployment on Linux/Debian hosts.

Key Functional Modules 1. Curated App Store: One-click deployments for popular self-hosted applications (Nextcloud, Plex, Vaultwarden, AdGuard Home). 2. Interactive File Manager: Local and network-mounted storage navigation with drag-and-drop file uploads. 3. Hardware Telemetry: Real-time CPU, RAM, disk I/O, and temperature monitoring using streaming event updates. 4. Windowing Engine: Multi-tasking desktop window manager supporting minimization, snapping, and z-index ordering.

Open Source & Future HomeIO is open-source and continuously evolving. The focus remains on lowering the operational barrier to personal data ownership while preserving transparency and speed.

Share Twitter LinkedIn

Related Posts

Building LIVE Solution: Real-Time Passenger Information for 5M+ Travelers
May 10, 20241 min read

Building LIVE Solution: Real-Time Passenger Information for 5M+ Travelers

Serving as React Technical Referent in a 42-developer SAFe organization at SNCF Connect. Real-time passenger display, AWS Serverless stack, and 90%+ TDD/BDD coverage.

ReactTypeScript+6
Scaling Orange's Customer Platform: Cloud-Native Microservices & Angular 10
Jan 10, 20211 min read

Scaling Orange's Customer Platform: Cloud-Native Microservices & Angular 10

Frontend architecture ownership on Angular 10 for Orange's national platform, managing billing, usage tracking, and customer support for millions of subscribers.

Angular 10NodeJS+4
HomeIO
0visitors