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

Component	Technology
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

Component	Technology
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:

1. Prompt Parsing - Understand user intent and requirements

2. Build Planning - Generate structured plan with dependencies and folder organization

3. Command Execution - Direct execution within WebContainer VM

4. Iterative Refinement - Adjust based on running preview feedback