Stack Tecnológico
Nuestro stack está cuidadosamente seleccionado para maximizar la productividad del desarrollador, el rendimiento de las aplicaciones y la mantenibilidad a largo plazo.
Estilos
Shadcn/ui
Sistema de componentes construido sobre Radix UI y Tailwind CSS. Proporciona componentes accesibles, personalizables y de alta calidad que se copian directamente al proyecto en lugar de instalarse como dependencia.
Documentación oficial de Shadcn/ui
Tailwind CSS
Framework CSS utility-first que permite crear interfaces rápidamente usando clases utilitarias. Optimiza automáticamente el CSS final eliminando estilos no utilizados.
Documentación oficial de Tailwind CSS
Frameworks
Next.js
Framework React de producción con renderizado híbrido, optimizaciones automáticas y excelente experiencia de desarrollo. Incluye App Router, Server Components, API Routes y optimizaciones automáticas.
Documentación oficial de Next.js
Astro
Framework para sitios web estáticos y aplicaciones con carga mínima de JavaScript. Ideal para landing pages, documentación y sitios con contenido principalmente estático.
Documentación oficial de Astro
Organización
Turbo Repo
Sistema de build monorepo que optimiza la velocidad de desarrollo mediante builds incrementales, caching inteligente y ejecución paralela de tareas.
Documentación oficial de Turbo Repo
Manejo de Estado
Zustand
Librería de estado global minimalista y flexible para React. Ofrece una API simple sin boilerplate innecesario y excelente soporte para TypeScript.
Documentación oficial de Zustand
Data Fetching
Fetch API
API nativa del navegador para realizar peticiones HTTP. Estándar web moderno que no requiere librerías adicionales.
Documentación oficial de Fetch API
TanStack Query
Librería para manejo de estado del servidor con caching inteligente, sincronización automática, background updates y devtools integradas.
Documentación oficial de TanStack Query
Monitoreo en Producción
PostHog
Plataforma de analytics y monitoreo de productos con enfoque en privacidad. Incluye event tracking, feature flags, session recordings y análisis de funnels.
Documentación oficial de PostHog
Testing
Cypress
Framework de testing end-to-end para aplicaciones web modernas. Permite realizar tests de integración completos, visual regression testing y API testing.
Documentación oficial de Cypress
Vitest
Framework de testing unitario rápido y moderno, compatible con Vite. Ofrece ejecución extremadamente rápida, compatibilidad con Jest API y Hot Module Replacement en tests.
Documentación oficial de Vitest
Apidog
Herramienta para diseño, testing y documentación de APIs. Permite crear especificaciones OpenAPI, testing automatizado y mock servers para desarrollo.
Integración del Stack
Todas estas herramientas trabajan juntas para crear un ecosistema de desarrollo cohesivo:
- Next.js + Tailwind + Shadcn para la interfaz de usuario
- Zustand + TanStack Query para el manejo de estado
- Turbo Repo para organización de proyectos
- Vitest + Cypress para testing completo
- PostHog para monitoreo y analytics
- Apidog para desarrollo y testing de APIs
Esta combinación nos permite desarrollar aplicaciones robustas, escalables y mantenibles con una excelente experiencia de desarrollo.