CLASE PRÁCTICA

Crea un portafolio
que se actualiza solo.

Una guía clara para transformar una lista de productos, vehículos o servicios en un catálogo público con filtros, datos actualizados y un enlace para compartir.

00

ANTES DE EMPEZAR

Adáptalo a tu negocio

No tiene que ser un catálogo de carros. Puede mostrar productos, inmuebles, menús, cursos, servicios o equipos. Solo cambia los campos, la fuente de datos, las fotos y los filtros.

01

DEFINE TU CATÁLOGO

Decide qué verá una persona

Escribe cinco a diez ejemplos reales y define qué datos son importantes. Para un portafolio de vehículos usamos nombre, marca, precio, foto, tipo y ficha técnica.

Campos recomendados

  • Nombre del producto o servicio
  • Precio o “consultar”
  • Foto
  • Categoría o tipo
  • Enlace oficial o PDF

Ejemplo de dato

{
  "nombre": "Mi producto",
  "precio": 99000,
  "tipo": "Categoría A",
  "foto": "https://...",
  "ficha": "https://...pdf"
}
02

TRABAJA CON CHATGPT

Da instrucciones claras antes de pedir cambios

Crea un archivo llamado AGENTS.md en la carpeta del proyecto. Funciona como una hoja de reglas: le dice a ChatGPT qué debe conservar y qué no puede inventar.

Crea un catálogo público para [MI NEGOCIO].
Cada tarjeta debe mostrar foto, nombre, precio y un botón
que abra el enlace oficial. Añade filtros por [CATEGORÍA].
No muestres información interna, contactos privados ni datos inventados.
Antes de publicar, muéstrame los cambios detectados.

Pide siempre a ChatGPT que use información que tú le entregues o la fuente oficial que autorices.

03

AÑADE FILTROS

Ayuda a encontrar lo importante

Un filtro no crea datos nuevos: solo muestra los elementos de la categoría elegida. En nuestro ejemplo fueron Ford/Hyundai y tipo de vehículo. En tu caso pueden ser ciudad, precio, categoría, tamaño, color o disponibilidad.

const visibles = catalogo.filter(item =>
  marca === 'Todos' || item.marca === marca
);

Cuantos menos filtros tenga la primera versión, más fácil será comprobar que funcionan bien. Empieza por dos y agrega más solo si ayudan a decidir.

04

ACTUALIZA SIN REPETIR EL TRABAJO

Automatiza la consulta mensual

ChatGPT puede crear y mejorar los archivos de actualización. Si conectas el complemento de Cloudflare en el chat, también puede preparar el catálogo público y desplegarlo directamente, sin usar GitHub.

  1. Indica a ChatGPT la fuente oficial de datos.
  2. Pídele un script que lea precio, foto y enlace oficial.
  3. Haz que compare el resultado con el catálogo anterior.
  4. Guarda solo los cambios y registra la fecha de consulta.
  5. Crea en ChatGPT/Codex una tarea mensual que ejecute la actualización, construya la carpeta pública y la despliegue con el complemento de Cloudflare.
Quiero actualizar este catálogo el primer día de cada mes.
Consulta solo [URL OFICIAL], compara precios y enlaces,
no borres el catálogo anterior si la fuente falla y crea un
archivo de cambios para revisión. Después ejecuta la compilación
y despliega la carpeta pública directamente en Cloudflare Pages.

Importante: configura una tarea programada dentro de tu entorno de ChatGPT/Codex. El complemento de Cloudflare debe estar conectado a la cuenta correcta antes de autorizar un despliegue.

05

PUBLICA GRATIS EN CLOUDFLARE

Crea un enlace .pages.dev sin Git

  1. Entra a Cloudflare y crea una cuenta gratuita con tu correo.
  2. En tu chat de ChatGPT/Codex, conecta el complemento de Cloudflare e inicia sesión en tu propia cuenta.
  3. Pide: “Crea un proyecto de Cloudflare Pages llamado [NOMBRE] y publica la carpeta dist.”
  4. ChatGPT construye la carpeta pública con npm run build y la sube directamente a Pages.
  5. Guarda la URL que Cloudflare entrega, con formato mi-catalogo.pages.dev.
06

CIERRA EL CICLO

Comprueba antes de compartir

LA IDEA CLAVE

Tu portafolio empieza pequeño,
pero debe ser fácil de mantener.

Primero hazlo útil. Después automatiza aquello que se repite y conserva siempre una revisión humana antes de publicar información comercial.