Clientes Conecta Nex

Plataforma web de gestion de clientes y generacion de contratos para Conecta Nex.

Stack

• Frontend: React + Vite
• Backend: Vercel Serverless Functions
• Base de datos: Neon Postgres
• Hosting: Vercel
• Subdominio: clientes.conectanex.com

Funcionalidades

• Gestion completa de clientes (CRUD)
• Catalogo de servicios editable
• Generacion automatica de 3 documentos legales:
  • Hoja de Encargo (con politica de privacidad)
  • Cesion de derechos y proteccion de datos
  • Contrato de prestacion de servicios
• Numeracion automatica de cliente (CL-2026-XXXX) y contrato (CN-2026-XXXX)
• Subida de archivos por cliente (logos, briefings, materiales)
• Firma digital del cliente con canvas
• Descarga PDF individual o ZIP con los 3 documentos
• Dashboard con metricas

Despliegue

1. Base de datos

Ya creada en Neon (proyecto "Clientes Conecta Nex"). Schema en db/schema.sql ejecutado.

2. Variables de entorno en Vercel

Configurar en Vercel Settings -> Environment Variables:

• DATABASE_URL: connection string de Neon (con la contrasena ya rotada)
• APP_PASSWORD: contrasena para entrar a la app (eliges la que quieras)

3. Deploy

git push origin main

Vercel despliega automaticamente.

4. Subdominio

En Hostinger DNS de conectanex.com, anadir registro CNAME:

• Nombre: clientes
• Valor: cname.vercel-dns.com

En Vercel Settings -> Domains, anadir clientes.conectanex.com.

Desarrollo local

npm install
npm run dev

App en http://localhost:3000

Crear archivo .env.local con:

DATABASE_URL=postgresql://...
APP_PASSWORD=tu-password