Technical Architecture
Overview
Eitherway’s architecture enables “AI with real, executable control over a full-stack development environment, entirely within the browser.” It functions as a live, sandboxed operating system.
Frontend Stack
Framework
Remix (React + TypeScript)
Editor
CodeMirror 6 (multi-language, AI autocomplete)
Styling
Tailwind CSS + shadcn/ui (60+ components)
Preview
Real-time interactive application testing
Terminal
xterm.js
Execution
WebContainer API
State
Nanostores
Web3
Wagmi + Viem + WalletConnect/AppKit
Backend Stack
Framework
Fastify 4.25+ (Node.js)
Database
PostgreSQL 14+ (56 tables)
Real-time
WebSocket streaming
Auth
Privy (Web2 + Web3 unified)
File Upload
Multipart (200MB per file)
AI Orchestration Layer
The system follows four key steps:
Prompt Parsing - Understand user intent and requirements
Build Planning - Generate structured plan with dependencies and folder organization
Command Execution - Direct execution within WebContainer VM
Iterative Refinement - Adjust based on running preview feedback
Last updated