CloudFront + S3 SPA — Live

Infraestructura
funcionando ✓

Esta pagina confirma que el bucket S3, la distribucion de CloudFront y el certificado SSL estan correctamente desplegados y sirviendo contenido estatico.

📹

S3 Bucket

Sirviendo archivos estaticos con acceso privado via OAC (Origin Access Control).

✓ OK
🌐

CloudFront CDN

Distribucion activa con HTTPS forzado, compresion y cache optimizado.

✓ OK
🔒

SSL / TLS

Certificado ACM valido en us-east-1, TLSv1.2_2021, soporte SNI-only.

✓ OK
🗺

Route53 DNS

Registros A + AAAA (IPv4/IPv6) apuntando al dominio de CloudFront.

✓ OK
Como validar el routing SPA:
Ve a la pestana Routing de arriba, haz clic en los botones de ruta directa y recarga la pagina. Si ves este contenido en lugar de un error 404, el fallback 403/404 → index.html esta funcionando correctamente.

Test de Routing SPA

Prueba que el enrutamiento del lado del cliente (HTML5 History API) funciona junto con el fallback de CloudFront.

Estado actual

URL actual cargando...
Entrega de index.html ✓ PASS
JavaScript activo ✓ PASS
Fallback 403/404 → index.html ✓ PASS

Simular navegacion directa

Estos botones cambian la URL via pushState y luego puedes recargar para probar el fallback de CloudFront.

Como funciona:
Al hacer clic, la URL cambia en el navegador sin recargar la pagina. Si copias esa URL y la abres en una pestana nueva, CloudFront recibira una peticion directa. Como ese archivo no existe en S3, devuelve un 403. CloudFront esta configurado para redirigir ese 403 hacia index.html con codigo 200, y el router de JavaScript toma el control.

Informacion del Stack

Detalles de la infraestructura desplegada para este entorno.

Plataforma

ATR Espana (atres)

Entorno

Desarrollo (dev)

Aplicacion

Industrial

Region AWS

eu-west-1 (Irlanda)

S3 Bucket

atres-industrial-dev-cf-spa

Dominio

new.industrial.dev.aquitech.eu

Modulo Terraform

atr-cloudfront-spa

Price Class

PriceClass_100 (EU + US)

Arquitectura:
Route53 (A + AAAA) → CloudFront (OAC, TLSv1.2) → S3 Bucket Privado
Error 403/404 redirige a /index.html con HTTP 200 para soporte de SPA routing.