# Technical Architecture

<figure><img src="/files/Y4wmBQKjI2CGovEZYzVY" alt=""><figcaption></figcaption></figure>

### **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

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.eitherway.ai/documentation/product/technical-architecture.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.