gear-complex-codeTechnical Architecture

Overview

Eitherway’s architecture enables AI with real execution control over a full-stack development environment, entirely within the browser.

It functions as a live, sandboxed operating system where applications are built, executed, deployed, and maintained within a single environment.


Frontend Stack

Layer
Technology / Capability

Frameworks

React, Next.js, Vue, Svelte

Rendering

Client-side and server-side rendering

Styling

Tailwind CSS, component libraries

State Management

Context API, Zustand, Redux

Editor Interface

In-browser IDE with live preview


Backend Stack

Layer
Technology / Capability

Runtime

Node.js (WebContainer environment)

Database

PostgreSQL (via integrated services like Supabase)

Authentication

Built-in auth systems

Storage

File storage and asset handling

APIs

Auto-generated REST and service endpoints


Infrastructure Layer

Component
Capability

Execution

In-browser WebContainer runtime

Deployment

Integrated deployment + external providers

Storage

Persistent and decentralized storage options

Hosting

Live application hosting

Web3

Smart contracts, wallets, on-chain interaction


AI Orchestration Layer

The system operates across four stages:

Prompt Parsing Understands user intent, requirements, and structure

Build Planning Generates architecture, dependencies, and file structure

Command Execution Executes commands directly within the runtime environment

Iterative Refinement Continuously updates based on live preview and system feedback


Last updated