Aqui el archivo para organizar el desarrollo del proyecto

Build del proyecto para desarrollo:

Cambia a la rama de desarrollo

Despues de clonar el repositorio, cambia a la rama donde se encuentra la nueva versión del sitio (en construcción).

git switch rewrite/lidsol-web-v2

Instala las dependencias

npm install

Instala todas las dependencias definidas en package.json.

Construye el proyecto

npm run build

Este comando ejecuta el script build-blog que genera automáticamente el archivo blogPosts a partir del contenido del directorio blog, y ejecuta `vite build`, que compila el proyecto para producción. El resultado es un sitio web estático listo para desplegar.

Ejecuta el sitio con un contenedor de (Nginx + Podman)

Eliminar el contenedor previo (si existe):

podman rm -f lidsol-react 2>/dev/null || true

Levanta un nuevo contenedor:

podman run -d --name lidsol-react -p 8080:80 \
  -v "$(pwd)/build:/usr/share/nginx/html:ro" \
  docker.io/library/nginx:alpine

• Expone el puerto 8080.
• Monta la carpeta build/ como contenido estático.

Ahora se puede acceder al sitio desde el navegador en: http://localhost:8080

Build automático al detectar cambios

Instala inotify-tools y ejecuta:

while inotifywait -r -e modify,create,delete --exclude 'node_modules|build' src/; do
  npm run build
done

Este comando hace:

• Observa los cambios del directorio src/
• Ejecuta automáticamente el build cuando detecta modificaciones.

Para contenedor:

podman build -t lidsol-contenedor .
podman run -d -p 8080:80 --name lidsol-web lidsol-contenedor:latest

Notas: El código fuente original src/, etc no está en el contenedor, solo queda el resultado del Build. En la ruta /usr/share/nginx/html (raiz del servidor web NGINX) está el resultado estático del build de Vite, aquí están los archivos PDF, imágenes..