VatioClaro

Portal en español para calcular el consumo y el coste eléctrico de los electrodomésticos del hogar.

Qué incluye

• Calculadora interactiva de vatios, horas, días y precio por kWh.
• Guías de consumo por electrodoméstico.
• Metodología y fuentes visibles.
• Metadatos SEO, sitemap, robots y datos estructurados.
• Diseño responsive.
• Medición agregada de tráfico y Core Web Vitals con Cloudflare Web Analytics.
• Pruebas de navegador y accesibilidad automatizadas.
• Exportación estática desplegable en Cloudflare Workers Static Assets.

Desarrollo local

Requiere Node.js 22.13 o superior.

npm install
npm run dev

La web se abre por defecto en http://localhost:3000.

Para comprobar exactamente el artefacto estático que servirá Cloudflare:

npm run build
npm run preview

Comprobación

npm run lint
npm test
npm run check:cloudflare

Para instalar Chromium y ejecutar las pruebas reales del navegador:

npx playwright install chromium
npm run test:e2e

Despliegue

La configuración reproducible está en wrangler.jsonc. npm run deploy compila out/ y lo publica como activos estáticos, sin un proceso Node ni código Worker por petición. El despliegue automático permanece desactivado hasta configurar los secretos y la variable de activación en GitHub.

Consulta docs/MIGRACION-CLOUDFLARE.md para el alta del proyecto, el cambio de dominio, la analítica, la retirada gradual de Vercel y el rollback.

Estructura principal

• app/: páginas, componentes y estilos.
• e2e/: navegación, calculadora, 404 y comprobaciones WCAG A/AA.
• lib/appliances.ts: datos editoriales de los aparatos.
• public/og.png: imagen social.
• ESTRATEGIA.md: estrategia inicial de contenidos y monetización.
• .github/: control de calidad y actualizaciones automáticas.

La web canónica se publica en vatioclaro.es. Google Search Console debe recibir https://vatioclaro.es/sitemap.xml cuando permita completar la verificación.