DASHBOARD PRIVADO · NUXT + MCP + BILLING

Control center para
módulos reales

MCP | Billing · imágenes · n8n · Milka

Esta app no es solo una landing: agrupa herramientas operativas para consultar costos, optimizar assets, exponer capacidades MCP y administrar flujos privados desde un solo panel.

Entrar al dashboard

server/api/mcp.ts

1
2
3
4
5
6
7
8
9
10
11

const tools = ["optimize_image", "billing_usage"]

export async functionPOST(request) {
validarTokenMcpOpcional()
const call = await request.json()
if (call.params.name === "billing_usage")
returngetBillingUsage()

returnoptimizeImage(call.params.arguments)
}

Módulos4

Tools2 MCP

Cloud Billing + Storage

Módulos del proyecto

Qué hace cada sección

La página principal ahora resume la app real: operación privada, APIs server-side, assets, costos y automatizaciones conectadas.

Ver resumen operativo

Billing Firebase y Gemini

Consulta costos desde Cloud Billing exportado a BigQuery para revisar consumo por servicio sin salir del panel.

FirebaseGemini APIBigQuery

Herramientas MCP

Endpoint JSON-RPC que expone `optimize_image` y `billing_usage` para automatizaciones o clientes MCP.

/api/mcpJSON-RPCToken opcional

Imágenes y galería

Sube, renombra, optimiza en AVIF, descarga con permisos y prepara copias JPG para flujos n8n.

Firebase StorageAVIF/JPGn8n

Milka audio y lyrics

Zona privada para música, letras sincronizadas, audio y utilidades de cookies que se pueden reconectar.

YouTube MusicLyricsCookies

Autenticación privada

Sesión Firebase, roles y validaciones server-side para proteger operaciones sensibles del dashboard.

Firebase AuthRolesStorage seguro

Base Nuxt operativa

Aplicación Nuxt con rutas server, Prisma, componentes shadcn-vue y módulos separados por operación.

NuxtPrismashadcn-vue

Arquitectura del proyecto

Capas técnicas

El proyecto separa UI, rutas server, datos, automatización y procesamiento de archivos para mantener cada módulo aislado.

12 piezas clave 3 capas operativas

Interfaz

4 herramientas

Nuxt 4

Vue

TypeScript

shadcn-vue

Backend y Datos

4 herramientas

Nitro API

Prisma

PostgreSQL

Firebase Admin

Operación

4 herramientas

MCP

Gemini Billing

Sharp

n8n

Proyectos Destacados

Operar el proyecto

Usa el dashboard para revisar costos, ejecutar herramientas MCP, administrar imágenes o entrar a las utilidades Milka.

Abrir dashboard Storage test