OpenHive — Open-source Slack alternative using Zustand for state management

[arseneHuot]

Hey Zustand community! 👋

I built OpenHive — an open-source, self-hosted Slack alternative, and Zustand is at the heart of the state management.

How we use Zustand

OpenHive relies on a single Zustand store (app-store.ts) to manage:

• Workspace state — current workspace, channels, members
• Messaging — real-time messages, threads, reactions, @mentions
• Presence & calls — online status, active video/audio calls (LiveKit)
• UI state — sidebar, activity panel, thread panel visibility
• Realtime subscriptions — Supabase Realtime channel management

Zustand made it incredibly simple to share state across deeply nested components (sidebar, chat view, thread panel, call UI) without prop drilling or heavy context providers. The flat store pattern works perfectly for a real-time messaging app.

Tech Stack

• State: Zustand (single store with slices pattern)
• Frontend: Next.js 14 (App Router) + TypeScript + Tailwind CSS + shadcn/ui
• Backend: Supabase (PostgreSQL, Auth, Realtime, Storage)
• Calls: LiveKit WebRTC

Try it

git clone https://github.com/arseneHuot/openhive.git
cd openhive && npm install && npm run dev

Setup wizard handles everything — connects to Supabase and provisions all 23 database tables automatically.

🔗 GitHub: https://github.com/arseneHuot/openhive

Would love feedback from the Zustand community! The store is in src/lib/store/app-store.ts if you want to check out the pattern.