Estudio de caso
Piris Digital, sitio de agencia y demostrador
Mi propio sitio de agencia, concebido como demostrador de los estándares que vendo: rendimiento, seguridad, conformidad.
El contexto
Como creadora de sitios para clientes exigentes, me aplico en mi propio sitio los estándares que facturo. El sitio Piris Digital es una demostración pública y medible: rendimiento, seguridad, conformidad, y un formulario de contacto con backend a medida. Todo es auditable directamente en línea.
El reto
Construir un sitio que sea a la vez vitrina comercial, demostrador técnico y conforme con todas las regulaciones aplicables a un sitio que recoge datos vía formulario (LCEN, RGPD, RGAA 4.1), sin concesiones en la calidad.
La solución
Aplicar en mi propio sitio los estándares facturados a los clientes: Astro estático para el rendimiento, cabeceras de seguridad de nivel producción, formulario de contacto con backend a medida en Cloudflare Pages Functions, y conformidad legal documentada. El resultado es público y medible.
- Astro estático, cero JavaScript por defecto, hidratación controlada
- Tipografías auto-alojadas (Inter, Manrope), ninguna petición a Google Fonts
- Cabeceras de seguridad de producción: HSTS, CSP, X-Frame-Options, Permissions-Policy
- Backend de formulario a medida: validación Zod, Turnstile, limitación de tasa Upstash, Resend
- Páginas de error con estilo: validación, anti-bot, limitación de tasa, fallo de envío
- Conformidad RGAA 4.1 AA, aviso legal LCEN y política RGPD completos
- SEO técnico: sitemap, robots, JSON-LD enriquecido, imagen Open Graph
- Sin cookies de rastreo, sin trackers externos
Stack técnico
- Astro 6
- Tailwind CSS v4
- TypeScript strict
- Cloudflare Pages
- Cloudflare Functions
- Resend
- Cloudflare Turnstile
- Upstash Redis
- Microsoft Bookings
Los resultados
- Rendimiento (móvil)
- 100/100 Rendimiento (móvil) LCP 1,4 s · CLS 0 · TBT 0 ms
- Accesibilidad
- AA Accesibilidad RGAA 4.1, declaración publicada
- Buenas prácticas
- 100/100 Buenas prácticas Sin cookies de rastreo
- SEO
- 100/100 SEO JSON-LD enriquecido, sitemap, OG
- Seguridad
- A+ Seguridad Mozilla Observatory 115/100
- Cabeceras HTTP
- A Cabeceras HTTP SecurityHeaders.com
Perfil del proyecto
Profesionales liberales exigentes: sanitarios, jurídicos, consultoría RGPD, ESN, formadores de compliance
- Fórmula equivalente
- A medida
- Módulos añadidos
- Backend de formulario a medida, Anti-bot Turnstile, Limitación de tasa Upstash, Email transaccional Resend, Cabeceras de seguridad de producción
- Tarificación
- A consultar
Cada proyecto es único y se presupuesta gratis según su alcance. Este proyecto se muestra como ejemplo de realización.