01 La idea
Para elegir un procesador o una gráfica hay que cruzar fichas de fabricante, pruebas de rendimiento y reseñas de compradores, cada cosa en un sitio distinto.
PiezaxPieza lo reúne en una ficha por componente, con notas calculadas igual para toda una categoría, así que se pueden comparar de verdad. Está pensada para el programa de afiliados de Amazon.es: en la versión con afiliación, cada botón de compra lleva a Amazon con la comisión incluida, sin coste añadido para quien compra.
02 En números
63componentes en 7 categorías, de procesadores a cajas
76páginas generadas desde un solo catálogo
470pruebas automáticas, parte de ellas en un navegador real
03 Cómo funciona
La idea central: un producto es un registro, no una página. Todo el contenido vive en un único catálogo de datos y el generador escribe la web entera a partir de él. Añadir un componente nunca implica tocar HTML.
1 · Catálogo
Datos con fuente
- Especificaciones de las fichas oficiales de los fabricantes y, en las gráficas, de TechPowerUp.
- Rendimiento de PassMark, 3DMark y Tom's Hardware.
- Eficiencia de las fuentes de alimentación, de los informes de laboratorio de Cybenetics cuando los hay.
- Lo que no se puede verificar se deja vacío, y la web muestra «—».
- Cada ficha cita las fuentes concretas de sus datos.
2 · Generador
Comprueba antes de publicar
- Rehace todas las páginas, el menú, el comparador y los gráficos.
- Si falta una foto o el catálogo está mal escrito, se para antes de tocar nada y dice qué hay que arreglar.
- O genera la web entera, o la deja como estaba.
3 · Web
Lo que ve quien compra
- Una ficha por componente, con sus puntos fuertes y débiles.
- Listados por categoría que se pueden ordenar.
- Un comparador de dos a cuatro componentes, con el mejor valor de cada fila resaltado y las notas superpuestas en un gráfico.
- Guías de compra de procesadores y de tarjetas gráficas.
04 Por dentro
- Datos
- Un catálogo en JSON · categorías, componentes y guías
- Generador
- Python · solo con la biblioteca estándar
- Web
- HTML, CSS y JavaScript sin frameworks · el contenido ya está en el HTML y el script solo añade interacción
- Pruebas
- pytest + Playwright · un Chromium sin ventana para el comparador, la ordenación y los menús
- Demo
- Vercel · estática, sin servidor
05 Decisiones que tomé
Notas sobre una escala fija
Cada nota se calcula con la misma fórmula para toda la categoría y sobre una escala fija, no sobre el mínimo y el máximo del catálogo. Así la nota de un componente no cambia porque se añada otro.
Ningún precio en la web
Los precios de Amazon cambian a diario. Actualizarlos de forma automática solo está permitido con la API oficial de afiliados, que exige diez ventas cualificadas en los últimos 30 días: imposible antes de publicar. Así que la web no enseña ninguna cifra de dinero, y cada ficha enlaza al panel de Amazon con todas las ofertas del momento.
A cambio: el precio se mira en Amazon. La nota de calidad-precio se mantiene.
Nada se publica a medias
El generador valida el catálogo entero antes de escribir nada. Y un fallo a mitad no deja la web a medias: o se genera entera, o se queda como estaba.
Todo desde el propio dominio
Ni tipografías de Google ni scripts de terceros: la web usa las fuentes del sistema y solo descarga sus propios archivos.
06 Cómo lo construí
Con el mismo método que esta web, el que cuento en Cómo trabajo. Cada cambio empieza por una spec aprobada, un agente de IA implementa la tarea y otro distinto la valida, y cada tarea va en su propio commit. Qué se construye y cuándo se publica lo decido yo. En total, 20 specs.
Antes de publicar, 470 pruebas generan la web en una carpeta temporal y la revisan entera: los datos, el HTML y, en un navegador Chromium sin ventana, lo que hace el JavaScript (el comparador, la ordenación y el menú en escritorio y en móvil). Si falta el navegador, las pruebas no se saltan: fallan.
La demo va sin enlaces de afiliado: los botones de compra llevan a la ficha del producto en Amazon.es, sin comisión.
Siguiente proyecto
En producción · Cliente real
La web corporativa de una empresa de software para la gestión de residuos.
Ver el proyecto →
aperturetechnologies.es
