CodeIA Logo
Inicio
¿Qué es la Ingeniería de Contexto?ExperienciaProyectos realizados
Comunidad
FeedMiembrosCuadro de HonorCalendarioBolsa de trabajoEncuestasProyectos de la Comunidad
NoticiasPlanes
Formación
CursosLecciones
Co-Projects
Propuestas de proyectosEnviar propuesta de proyecto
RoadmapGlosarioContacto
Iniciar Sesión
CodeIA Logo

Transformando ideas en software profesional con IA. La nueva era del desarrollo ágil.

Reseñas y testimonios

Legal

Política de PrivacidadTérminos de ServicioTérminos de SuscripciónAviso LegalCookies

Sígueme

Contactar

© 2026 CodeIA. Todos los derechos reservados.

Hecho con♥por sn4p.dev

Volver a cursos
Avanzado
Desde Advanced

Modular Core Hub

ModularCore Hub es un proyecto real, de producción, donde construimos desde cero un hub de componentes headless multi-proveedor con distribución propia — un monorepo completo que incluye su propio registry HTTP, su propio CLI de instalación, y dos componentes flagship (Media Picker y AI Chat) listos para copiar-pegar en cualquier proyecto React o Svelte, sin runtime del hub ni dependencias ocultas.

A lo largo del curso vamos a construir, en orden:

1. Fundación del monorepo — pnpm workspaces + Turborepo + Changesets, CI en GitHub Actions, estrategia de branching y versionado semántico real por paquete.

2. Registry propio — schema declarativo validado con Zod, build pipeline que genera un catálogo HTTP estático (index.json + tarballs), con hardening de seguridad real (path-traversal, emisión atómica, detección de binarios).

3. CLI de instalación (modularcore init/add/list/search/diff/update) — cliente delgado que resuelve dependencias entre componentes, instala paquetes con guardas de seguridad, y nunca toca tus credenciales.

4. Universal Media Picker — componente headless real: subida local/por URL/desde biblioteca, multiselect, carpetas, filtro por tipo, editor de imagen (crop con aspect ratio, rotate, flip, zoom) sobre Canvas API, con providers intercambiables S3-compatible y Cloudinary — sin que el navegador vea nunca una credencial.

5. AI Chat — cliente OpenAI-compatible (OpenRouter por defecto), streaming SSE real, function calling con validación de seguridad, historial local y backend-agnostic.

6. Website + proxy server-side — catálogo público, docs, playgrounds en vivo, y un proxy real que protege tu API key con rate-limit, allowlist de modelos y streaming passthrough.

Todo el código pasa por rondas reales de code review adversarial (SSRF, DNS rebinding, race conditions, fugas de memoria) antes de mergear — así que además de construir el producto, vas a ver el proceso completo de ingeniería: plan → implementación → review → fix → release, con tags semánticos y changelogs reales en cada paso.

3 estudiantes
2 módulos
Modular Core Hub
Acceso personalizadoDesde Advanced
Inicia sesión para inscribirteCrear cuenta gratis
  • Nivel: Avanzado
  • Duración: 6h 21m 44s
  • 3 estudiantes

Stack tecnológico

TypeScript
Node.js
pnpm
Turborepo
SvelteKit
Svelte 5
Vite
Tailwind CSS 4
React
Radix UI
bits-ui
Zod
Vitest
ESLint
Prettier
Changesets
AWS SDK S3
Cloudinary
Commander.js
OpenAI-compatible AI SDK (streaming/BYOK)

Contenido del curso(2 módulos · 3 lecciones · 6h 21m 44s)

1. Planificación1 lecciones · 2h 26m 20s
  • Curso Modular Core Hub - Documentación y Preparación para Implementar2h 26m 20s
Acceso de por vida
2. Desarrollo con cook skill
2 lecciones · 3h 55m 24s
  • Curso Modular Core Hub - Implementación Fase 1 y mejoras en UX2h 8m 5s
  • Curso Modular Core Hub - Finalizando estilos a Media Component y agregando nuevos componentes1h 47m 19s

Reseñas

Inicia sesión para dejar una reseña.

Cargando reseñas...