Conocer AstroGuide

Arquitectura

Cómo se ensambla, sirve y despliega AstroGuide.

AstroGuide es una única aplicación cliente. No tiene API de aplicación, base de datos ni servicio de autenticación.

Navegador
  → aplicación React / Three.js
    → catálogo base y traducciones EN/FR/ES/DE incluidos
    → texturas y recursos estáticos

En producción con Docker:

Nginx sin privilegios (puerto 2502)
  → archivos estáticos de dist/
  → fallback SPA hacia index.html
  → cabeceras de seguridad

Stack inspeccionado

CapaElección actual
InterfazReact 19, TypeScript estricto
Renderizado 3DThree.js, React Three Fiber, Drei
EstadoZustand, solo en memoria
TransicionesMotion
BuildVite 6, Tailwind CSS 4
ContenedorNode 22 para compilar, Nginx 1.27 Alpine en ejecución
ControlesESLint, Vitest, npm run check

Dos artefactos distintos

ArtefactoComandoUso
Producto normalnpm run buildDocker, GHCR, desarrollo local
Demo públicanpm run build:demosolo el proyecto Vercel de la demo

El Dockerfile ejecuta npm run build. vercel.json ejecuta npm run build:demo. No deben intercambiarse.