Saltar al contenido
V
Navegación

UNA BASE PARA TU PRÓXIMO PRODUCTO

Tu producto. Un mejor comienzo.

Conecta tu website, aplicación y backend. Empieza con una base cuidada, conserva responsabilidades claras y deja espacio para el producto que solo tú puedes construir.

ComenzarExplorar la arquitectura
  • TypeScript de principio a fin
  • Interfaces renderizadas en servidor
  • Un workspace Nx
visomi / workspace
V
WORKSPACE / 01 OR

Tu espacio de trabajo

Cada cosa en su lugar.

Resumen del proyecto

Listo para construir

Actividad reciente

La base ya está en su lugar.

Hazlo tuyo

Añade tu dominio, tus procesos y tus ideas.

Explorar esta interfaz
pnpm nx serve web-app
Un ejemplo de lo que puedes construir

HERRAMIENTAS CON PROPÓSITO. UNA MISMA BASE.

  • Nx
  • Angular
  • Astro
  • Express
  • PostgreSQL
  • Tailwind

01 / LA BASE

Menos preparación. Más producto.

Los cimientos de cada día merecen el mismo cuidado que las funciones que distinguen a tu producto.

Un lugar para cada experiencia

Un website Astro, una aplicación Angular y una API Express, cada uno con una responsabilidad clara.

Website · Producto · Backend

Identidad desde el comienzo

Passkeys, verificación de cuentas y sesiones persistentes ofrecen una base de backend para el acceso seguro.

Passkeys · Sesiones · Seguridad de cuenta

Un mismo lenguaje visual

Controles nativos, clases Tailwind tipadas y temas consistentes hacen que ambas interfaces se sientan parte del mismo producto.

Angular + Astro · HTML nativo

02 / CÓMO SE CONECTA

Conectado por diseño. Claro en responsabilidades.

Da su lugar al contenido público, la interacción del producto y las capacidades de negocio. Compón las piezas mientras el producto crece, con límites explícitos de ejecución.

Ver el panorama completo
El mapa de ejecuciónHTTP / SSR
Express gateway

Compone HTTP y controla el arranque y los recursos del proceso.

Website

Astro SSR

/en/ · /es/

API

Express

/api/

Aplicación SSR independiente

Angular SSR

La integración al gateway es el siguiente paso
/app/en/ · /app/es/

03 / UN SOLO PRODUCTO

Una buena base, hasta en los detalles.

Tipografía legible. Estados claros. Controles nativos. Un conjunto de clases compartidas conecta Angular y Astro sin llevar un runtime de aplicación a tu website.

37familias de componentes para explorar

Explorar los componentes

Preferencias del espacio

Un pequeño ejemplo con los componentes reales.

Esta es una vista de ejemplo. No se envía información.

Explorar la UIVer fundamentos
button.classes({ variant: 'secondary', size: 'sm' });

04 / TUS PRIMEROS PASOS

Del repositorio a tu entorno local.

Instala el workspace, elige un punto de entrada y explora el stack a tu ritmo.

Seguir la guía de inicio
  1. 01

    Obtén el código

    Parte del repositorio y sus convenciones documentadas.

  2. 02

    Instala una vez

    Un manifiesto de dependencias y un lockfile para el workspace.

  3. 03

    Explora en local

    Ejecuta el website, después la aplicación y el gateway.

visomi-stack / terminal
pnpm install --frozen-lockfile
pnpm nx serve web-site

ESPACIO PARA CRECER

Una base para lo que viene.

Un producto necesita más que pantallas. La arquitectura deja espacio para trabajo en segundo plano, experiencias en vivo y contenido protegido desde el cliente mientras evolucionan estas capacidades.

Dirección de arquitectura · Consulta el estado de implementación en la guía de arquitectura.
  • 01

    Trabajo en segundo plano

    Tareas largas con su propio límite de ejecución.

  • 02

    Experiencias en tiempo real

    Actualizaciones autorizadas para el cliente correcto.

  • 03

    Contenido protegido

    Una dirección para claves del cliente y datos cifrados.

Algunas cosas que conviene saber.

¿Visomi Stack es un producto terminado?

Es una base reutilizable para construir productos. Tú aportas el dominio, la experiencia de producto y las decisiones de despliegue. La guía de arquitectura distingue las capacidades actuales de la dirección del stack.

¿Por qué combinar Astro y Angular?

Astro encaja con páginas públicas centradas en contenido. Angular aporta una experiencia de aplicación estructurada. Las clases visuales compartidas conectan ambos sin cambiar el modelo de renderizado e interacción de cada framework.

¿Puedo usar solo las piezas que necesito?

Sí. Las aplicaciones y bibliotecas compartidas tienen responsabilidades explícitas. Empieza por lo que encaje con tu producto y revisa las dependencias y decisiones en las guías del repositorio.

¿Por dónde empiezo?

Comienza por la guía de instalación local. Explora el website, el catálogo de componentes y el shell de la aplicación. Después revisa la documentación de API y arquitectura antes de añadir tu dominio.

Haz tuya la base.

Explora las decisiones. Prueba las interfaces. Empieza a construir tu producto.

ComenzarComponentes