# Configuración del Backend

Este documento explica cómo configurar el frontend para conectarse a diferentes backends.

## Configuración mediante Variables de Entorno

El frontend usa la variable de entorno `VITE_API_BASE_URL` para determinar la URL del backend.

### Para desarrollo local (por defecto)

Si no defines `VITE_API_BASE_URL`, el frontend usará `/api` que será manejado por el proxy de Vite configurado en `vite.config.js` (redirige a `http://localhost:3001`).

### Para backend en producción

Crea un archivo `.env.local` en la raíz del directorio `frontend` con el siguiente contenido:

```bash
VITE_API_BASE_URL=https://wb.pribyte.cloud/api
```

**Nota:** Los archivos `.env.local` están en `.gitignore` y no se subirán al repositorio.

## Cómo usar

1. **Desarrollo local:**
   - No necesitas hacer nada, funciona por defecto con el proxy de Vite

2. **Backend en producción:**
   - Crea el archivo `.env.local` con la URL del backend
   - Reinicia el servidor de desarrollo (`npm run dev`) para que cargue las nuevas variables

## Ejemplo de archivo `.env.local`

```bash
# Backend en producción
VITE_API_BASE_URL=https://wb.pribyte.cloud/api
```

## Notas importantes

- Las variables de entorno que empiezan con `VITE_` son expuestas al código del cliente
- Después de modificar `.env.local`, necesitas reiniciar el servidor de desarrollo
- El WebSocket también se configurará automáticamente basándose en la URL del backend