Configuracion de Variables

Para poner en marcha Streamlyra, el primer paso es preparar los archivos de entorno y obtener las credenciales necesarias.

1. Crear Archivos de Entorno

Antes de obtener las claves, crea los archivos de entorno manualmente en las carpetas correspondientes:

• Servidor: /server/.env
• Cliente: /client/.env.local

2. Consolas de Desarrollador

Obten tus credenciales en los paneles oficiales de cada plataforma:

Plataforma	Enlace al Panel	Propósito
Twitch	Twitch Developer Console	CLIENT_ID, CLIENT_SECRET
YouTube	Google Cloud Console	YOUTUBE_CLIENT_ID, YOUTUBE_CLIENT_SECRET
Kick	Kick Developer Portal	KICK_CLIENT_ID, KICK_CLIENT_SECRET
Neon	Neon Console	DATABASE_URL (PostgreSQL de Neon.tech)
ngrok	ngrok Dashboard	APP_URL (Webhooks locales)

TIP: Base de Datos Neon

Al crear tu proyecto en Neon, asegúrate de copiar la Connection String completa que empieza por postgresql://. Esta es la que irá en la variable DATABASE_URL.

3. Generacion de Secretos Locales

Ejecuta estos comandos en tu terminal para generar las claves de seguridad:

JWT Secret

node -e "console.log(require('crypto').randomBytes(64).toString('hex'))"

Encryption Key

node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"

4. Ejemplo de Archivos .env

Servidor (server/.env)

PORT=4000
JWT_SECRET=tu_jwt_secreto_generado
DATABASE_URL=postgresql://usuario:password@host:puerto/database
ENCRYPTION_KEY=tu_encryption_key_generada

# Twitch
TWITCH_CLIENT_ID=tu_twitch_client_id
TWITCH_CLIENT_SECRET=tu_twitch_client_secret
TWITCH_REDIRECT_URI=http://localhost:5173/auth/callback

# YouTube
YOUTUBE_CLIENT_ID=tu_youtube_client_id
YOUTUBE_CLIENT_SECRET=tu_youtube_client_secret
YOUTUBE_REDIRECT_URI=http://localhost:5173/auth/callback

# Kick
KICK_CLIENT_ID=tu_kick_client_id
KICK_CLIENT_SECRET=tu_kick_client_secret
KICK_REDIRECT_URI=http://localhost:5173/auth/callback

# Webhooks
APP_URL=tu_url_de_ngrok
KICK_WEBHOOK_SKIP_SIGNATURE=true

Cliente (client/.env.local)

VITE_TWITCH_CLIENT_ID=tu_twitch_client_id
VITE_YOUTUBE_CLIENT_ID=tu_youtube_client_id
VITE_KICK_CLIENT_ID=tu_kick_client_id

---

IMPORTANTE

Asegúrate de que los Redirect URIs coincidan exactamente con lo configurado en las consolas de desarrollador.