Skip to content

Style the crawler content shown before the app loads [skip deploy] #no-deploy - #332

Merged
SebastianLopezO merged 1 commit into
mainfrom
quality/ux-review/crawler-content-unstyled
Nov 1, 2026
Merged

SebastianLopezO merged 1 commit into
mainfrom
quality/ux-review/crawler-content-unstyled

Conversation

@SebastianLopezO

Copy link
Copy Markdown
Member

Caso

  • Origen: revisión de UX/UI (la misma de la PWA en SolidJS).
  • Problema: mientras carga el JS, o sin JavaScript, el contenido para rastreadores de #root se veía como texto
    crudo sin estilos (tipografía del navegador y enlaces azules). React lo reemplaza al montar, así que aquí no queda
    pegado sobre la interfaz, pero aparece en cada primera carga lenta.

Cambio

  • El bloque lleva la clase prerender y su estilo en /prerender.css con la paleta SmartPot. Va en un archivo aparte
    porque la CSP (style-src 'self') bloquea los <style> en línea.
  • El service worker guarda /prerender.css y sube la caché a smartpot-shell-v2.
  • Prueba en seo.test.ts.

Verificación

  • pnpm lint, pnpm test (65 + 1) y pnpm build en verde; dist/prerender.css se publica.
  • Producción no se toca: este repositorio publica la imagen y el despliegue sigue siendo manual.

@github-actions

github-actions Bot commented Nov 1, 2026

Copy link
Copy Markdown

Dependency Review

✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.

Scanned Files

None

@SebastianLopezO
SebastianLopezO merged commit 553dba0 into main Nov 1, 2026
8 of 9 checks passed
@SebastianLopezO
SebastianLopezO deleted the quality/ux-review/crawler-content-unstyled branch November 1, 2026 03:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant