La tecnología detrás de Webmentat
Los fundadores que eligen una base para un producto SaaS real merecen saber exactamente sobre qué está construida, no una promesa vaga de "tecnología moderna".
Esta es la pila tecnológica, la infraestructura y el enfoque de ingeniería detrás de los productos de Webmentat, el Framework y este sitio web.
Pila de aplicación principal
Herramientas fiables y bien conocidas, elegidas a propósito, no lo más nuevo disponible.
React Router Framework Mode
Rutas explícitas, renderizado en servidor, carga de datos mediante loaders y mutaciones mediante actions, en un único modelo de aplicación full-stack. No es Remix.
React
El modelo de componentes y renderizado detrás de cada interfaz de Webmentat.
Node.js
El runtime de servidor estándar y el entorno de desarrollo.
Vite
El servidor de desarrollo y el sistema de build de producción.
JavaScript y JSX puros
Sin TypeScript. Una decisión deliberada para mantener el código directo y legible, sin una segunda capa de lenguaje entre el código y quien lo lee.
Tailwind CSS y DaisyUI
Estilos basados en utilidades con tokens de tema semánticos, para que cada interfaz comparta un mismo sistema de diseño en lugar de uno nuevo por aplicación.
Sobre qué corre este sitio web
Los proveedores concretos detrás de webmentat.com hoy, no una vaguedad sobre lo que podría usarse en algún sitio.
Render
Alojamiento de la aplicación e infraestructura de runtime para el sitio web de Webmentat.
MongoDB Atlas
Almacena los datos enviados a través de los formularios de contacto y consulta.
AWS Secrets Manager
Guarda los secretos de la aplicación fuera del código base, inyectados por entorno.
Fastmail
Envía correo transaccional a través de la API JMAP de Fastmail, incluidas las notificaciones de formularios.
Lo que soporta el Framework
Los productos de Webmentat están construidos sobre capacidades independientes del proveedor, con implementaciones de proveedor explícitas detrás. Un producto usa un proveedor porque necesita esa capacidad, no por defecto.
- Stripe
- Pagos, facturación, suscripciones y flujos de pago con cuentas conectadas.
- Cloudinary
- Almacenamiento, transformación y entrega de medios de la aplicación.
- Google y Apple
- Inicio de sesión, además de Google Maps y funcionalidad de ubicación cuando un producto lo necesita.
- OpenAI
- Funciones de producto asistidas por IA como asistencia de contenido, generación estructurada y traducción.
Desarrollo y entrega
- Docker
- Entornos de desarrollo y despliegue reproducibles, para que el mismo artefacto de aplicación se mueva entre entornos con menos diferencias.
- GitHub
- Alojamiento de código fuente, colaboración de desarrollo, flujos de trabajo automatizados, y distribución de paquetes e imágenes de contenedor.
- Caddy
- Enrutamiento de desarrollo local, terminación HTTPS y proxy inverso.
Decisiones humanas, ingeniería asistida por IA
Webmentat usa IA en toda la exploración arquitectónica, implementación, depuración, documentación y revisión.
Las decisiones arquitectónicas finales siguen siendo humanas. Ningún código generado por IA pasa a formar parte del código base aceptado sin una revisión cuidadosa. El código no se acepta solo porque resuelve la tarea inmediata. Debe respetar la arquitectura, reutilizar sistemas existentes, evitar lógica duplicada, mantenerse comprensible y resolver el problema sin complejidad innecesaria.
La IA acelera el trabajo. El criterio humano protege la arquitectura.