System Architecture
Technical Stack
Section titled “Technical Stack”Kizuna is built on a modern, type-safe stack designed for performance and reliability.
Core Technologies
Section titled “Core Technologies”- Framework: Next.js 16 (App Directory)
- Language: TypeScript
- Database: Supabase (PostgreSQL)
- Styling: Tailwind CSS v4
- UI Components: Radix UI + Lucide Icons
- Animations: Framer Motion
Data Flow
Section titled “Data Flow”- Frontend: The React client continually streams status updates.
- API Layer: Next.js Server Actions and Route Handlers act as a proxy between the client and your n8n instances. This avoids CORS issues and hides your n8n API keys from the browser.
- Database: Stores configuration, user sessions, and encrypted credentials.
Deployment
Section titled “Deployment”Kizuna is optimized for Vercel but can be deployed anywhere that supports Node.js (Docker, VPS, Railway).
Vercel Function Splitting
Section titled “Vercel Function Splitting”To handle the scale of fetching status for many servers simultaneously, Kizuna leverages Vercel’s ability to run serverless functions in parallel.