PROYECTO_07

HECASA

Sitio web HECASA

Sitio de un taller de herrería y carpintería a medida, en desarrollo: servicios, galería de proyectos y formulario de contacto, servido desde el borde en Cloudflare Workers.

TIPO
Sitio web · Next.js
ESTADO
EN DESARROLLO
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Cloudflare Workers
  • OpenNext
  • Resend

CONTEXTO

HECASA fabrica cocinas integrales, closets, muebles a medida, portones y barandales en Puebla. Su trabajo se vende por la foto, así que el sitio se armó alrededor de la galería: cada proyecto con sus imágenes, sus materiales y su acabado. El nombre viene del oficio —HErrería y CArpintería— y los dos pesan igual en la estructura, en ese orden.

QUÉ RESUELVE

  • Galería de proyectos terminados con la ficha de cada uno: materiales, acabado, herrajes y tiempo de fabricación.
  • Catálogo de los dos oficios, de cocinas integrales y closets a portones, barandales y estructura metálica.
  • El proceso explicado en tres pasos —consulta, propuesta, fabricación— porque es la duda que más llega antes de encargar.
  • Formulario de contacto que llega al correo del taller, más WhatsApp y ubicación para quien prefiere marcar.
  • Datos estructurados de negocio local, para aparecer en la búsqueda de "carpintero en Puebla" y no solo por el nombre.

CÓMO ESTÁ HECHO

  • Next.js 16 con App Router, publicado en Cloudflare Workers mediante OpenNext: las páginas van generadas y el Worker solo entra para el envío del formulario.
  • Las fotografías se compilan a WebP en varios tamaños durante el build, no en cada visita. Optimizarlas en el borde agotaba el límite de recursos del Worker y devolvía error 1102.
  • El formulario envía por Resend con la llave guardada como secreto, nunca en el repositorio ni en el paquete del cliente.
  • Los datos de contacto viven en un solo archivo y, mientras sigan como marcador, el sitio no los muestra como enlace ni los declara en el JSON-LD: nunca publica un teléfono que no existe.