Recarga automática de WASM con Zig y Lume

Cómo usar Zig, WebAssembly y Lume para desarrollar apps web y móviles multiplataforma, con automatización de builds y despliegue en la nube, IA y ciberseguridad.

17 sept 2025 • 3 min de lectura • Equip Q2BSTUDIO

Inteligencia-Artificial-

He tomado un tiempo para descansar y recuperarme de problemas de salud que dificultaban la concentración y, para volver con calma, empecé un proyecto pequeño llamado shine pensado para ser multiplataforma en web y móvil.

La opción obvia para la parte visual fue flutter pero, dado mi interés actual por el lenguaje zig, quise experimentar con él y combinarlo con WebAssembly para la capa web.

Para gráficos valoré librerías como raylib, sdl y jok, pero terminé optando por sokol con su binding para zig ya que ofrece una API moderna, soporte nativo para móviles y buen soporte para wasm, aunque sea algo más de bajo nivel que raylib.

En la parte de UI probé dvui pero no tenía integración con sokol, así que me decanté por imgui que resultó más práctico y existe incluso una plantilla inicial para arrancar rápido.

Para mantener el flujo de trabajo sencillo empecé por desarrollar primero la versión wasm; de este modo pude aprovechar las bibliotecas JavaScript de servicios como supabase y enlazar funciones JS desde wasm sin tener que implementar llamadas REST desde zig manualmente.

La estructura del proyecto la dejé clara y simple separando el código zig y el contenido web en carpetas independientes para facilitar mantenimiento y despliegue continuos.

En el frontend usé Lume para generar el sitio estático y una plantilla de blog simple que adapté para incluir una página de inicio personalizada; también configuré pasos de build en zig para copiar automáticamente los artefactos shine.js y shine.wasm al directorio estático de Lume evitando copias manuales.

La estrategia WASM hacia frontend permitió automatizar el ciclo de desarrollo: con un comando como zig build -Dtarget=wasm32-emscripten --watch el binario wasm se recompila al detectar cambios y Lume puede servir y redeplegar automáticamente el sitio, lo que resulta en recarga automática del navegador al actualizar los ficheros wasm o el frontend.

Este flujo no es hot reload estricto pero ofrece una recarga automática muy eficiente para iterar rápido tanto en zig como en la parte web, sin necesidad de herramientas adicionales complejas.

En Q2BSTUDIO aplicamos flujos similares a proyectos reales para ofrecer soluciones robustas de aplicaciones a medida y software a medida, integrando tecnologías como WebAssembly, frameworks nativos y servicios cloud para acelerar despliegues y mejorar la experiencia de usuario.

Si necesitas una solución multiplataforma personalizada para tu negocio, desde diseño y desarrollo hasta despliegue en la nube, puedes conocer nuestros servicios de desarrollo de aplicaciones y software a medida en desarrollo de aplicaciones multiplataforma y también ofrecemos migración y operaciones en plataformas como AWS y Azure en servicios cloud AWS y Azure.

Además de desarrollo, en Q2BSTUDIO somos especialistas en inteligencia artificial, agentes IA y soluciones de ia para empresas, en inteligencia de negocio y power bi para convertir datos en decisiones, así como en ciberseguridad y pentesting para proteger aplicaciones críticas.

Palabras clave como aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA y power bi están integradas en nuestra oferta para asegurar que la tecnología soporte los objetivos de negocio de forma segura y escalable.

Si te interesa implementar recarga automática de WASM con Zig y Lume en un proyecto real o quieres que analicemos una arquitectura a medida, en Q2BSTUDIO podemos ayudarte a diseñar, desarrollar y asegurar la solución.

UNA PAUSA?

Juga una estona abans de marxar

ELS NOSTRES SERVEIS

Com et podem ajudar

Intel·ligència artificial

Agents d'IA, chatbots i assistents intel·ligents que automatitzen tasques i atenen els teus clients 24/7 per millorar l'eficiència del teu negoci.

Més info

Desenvolupament de programari

Aplicacions web, mòbils i d'escriptori, intranets, e-commerce, SaaS i plataformes de gestió dissenyades per a les necessitats concretes de la teva empresa.

Més info

Serveis cloud

Migració, infraestructura, hosting gestionat, alta disponibilitat i seguretat en Microsoft Azure i Amazon Web Services perquè el teu negoci escali sense límits.

Més info

Ciberseguretat i pentesting

Auditories de seguretat, test d'intrusió (pentesting) i protecció d'aplicacions, dades i infraestructura on-premise i cloud, amb hacking ètic i compliment normatiu.

Més info

Business Intelligence

Quadres de comandament i anàlisi de dades amb Power BI: integrem les teves fonts, dissenyem dashboards i KPIs i convertim les teves dades en decisions.

Més info

Automatització de processos

Automatitzem tasques repetitives i connectem les teves aplicacions amb n8n, Power Automate, Make i RPA, eliminant treball manual i augmentant la productivitat.

Més info

Formació per a empreses

Formem els teus equips en tecnologia amb criteri: desenvolupament web, bases de dades, Git, bones pràctiques i seguretat, automatització amb n8n, intel·ligència artificial per a empreses i creació de solucions d'IA amb Azure AI Foundry.

Més info

Auditoria de codi

Auditem el codi que creguis tu, el teu equip o una IA: et diem què està bé i què millorar, el securitzem i el deixem llest per a producció, web o app.

Més info

Generació d'imatges amb IA

Creem per tu les imatges que necessita el teu negoci amb intel·ligència artificial: producte, xarxes, publicitat, il·lustració i avatars. Tu ens dius què vols i t'ho lliurem llest per fer servir.

Més info

Generació de vídeos amb IA

Creem per tu vídeos amb intel·ligència artificial: promocionals, per a xarxes, presentadors virtuals, doblatge i animacions. Ens comptes la idea i t'ho lliurem muntat i llest per publicar.

Més info

Avatars conversacionals amb IA

Creem avatars conversacionals amb IA —humans digitals amb cara i veu— que atenen els teus clients i equips amb el coneixement de la teva empresa, a la teva web, monitors interactius, WhatsApp o Teams.

Més info

Màrqueting Online i IA

Google Ads, Meta Ads, LinkedIn Ads i posicionament en motors d'IA (GEO/AEO): captem clients i fem que la teva marca aparegui on et busquen, també a ChatGPT, Gemini i Perplexity.

Més info

Tens un projecte en ment?

Explica'ns la teva visió i la convertim en una solució de programari. Sigui quin sigui l'abast, fem realitat la teva idea.

Live Chat