Welcome

Introduction

Introduction

Setup & Installation

Setup OverviewPrerequisitesQuick Start
Frontend SetupInstallationConfigurationRunning LocallyDevelopment Guide
MCP Servers

Architecture & Design

Architecture

Features & Scenarios

Deployment

Deployment

API Reference

API Reference

Tools & Utilities

Scripts & UtilitiesTroubleshooting
Setup & InstallationFrontend Setup

Frontend Setup

Set up the SynapseAI React frontend

Frontend Setup

The SynapseAI frontend is a React application with TypeScript and TanStack Router.

Setup Steps

Follow these pages in order:

1. Installation

Install Node.js dependencies

  • Time: 5 minutes
  • Difficulty: Beginner

2. Configuration

Set up environment variables

  • Time: 10 minutes
  • Difficulty: Beginner

3. Running Locally

Start the development server

  • Time: 5 minutes
  • Difficulty: Beginner

4. Development Guide

Hot reload, debugging, and best practices

  • Time: 20 minutes
  • Difficulty: Intermediate

Next Steps

  • Backend Setup - Set up the backend

Development Guide

Hot reload, debugging, and best practices

Installation

Install Node.js dependencies

On this page

Frontend SetupSetup Steps1. Installation2. Configuration3. Running Locally4. Development GuideNext Steps