LAUTARO DESOUCHES
CONTACTAR→
LAT: 34°36'12"S · LON: 58°22'54"W
MOTOR: ASTRO v5 (CERO-JS EN CLIENTE)
SISTEMA // ROL: DESARROLLADOR FRONTEND SENIOR & FULL-STACK

Ingeniería
Full-Stack[ 0ms BLOQUEO DE HILO ]

Arquitecturas web modulares y reactivas con tipado estricto. Diseño y construyo interfaces de alto impacto visual, optimizadas al 100% en Core Web Vitals, respaldadas por servicios transaccionales en NestJS, Java Spring y Next.js / Astro.

>MODALIDAD DE VISTA TÁCTICA:
PUNTAJE LIGHTHOUSE

100 / 100

Rendimiento · A11y · SEO · Calidad

PRIMER DESPLIEGUE VISUAL

< 0.6s

Cero sobrecarga de hidratación

DISCIPLINA TYPESCRIPT

ESTRICTO

Sin 'any' · Contratos DTO limpios

SUITE DE TESTING

E2E + UNIT

Playwright y pipelines de CI

CAPACIDADES DE INGENIERÍA // CONCURRENCIA & ARQUITECTURA

Next.js 16 (App Router)Arquitectura de Islas AstroNestJS / Node.jsJava Spring BootPrisma / PostgreSQLDocker & GitHub ActionsTailwind CSS v4

Más de 5 años construyendo soluciones de software integrales. Código autodocumentado, separación estricta de capas mediante arquitectura orientada a dominio (Feature-Based) y foco continuo en estabilidad bajo tráfico real.

SOLICITAR CV / CONTACTAR→
GITHUB [REPOS]LINKEDIN ↗
SEC // 02 — CASOS Y PROYECTOS SELECCIONADOS

Sistemas & Software en Producción

TOTAL PROYECTOS: [ 05 ]|AUDITORÍA: 100% PRODUCCIÓN
ÍNDICE // 01Plataforma Social
DEMO EN VIVO↗|CÓDIGO FUENTE ↗

Gusto - Social Restaurant Discovery

Plataforma social para descubrir, calificar y compartir restaurantes con amigos. Combina exploración interactiva mediante mapas, funcionalidades sociales y un dashboard completo para dueños de restaurantes.

[ EL DESAFÍO DE NEGOCIO ]

Los usuarios necesitaban descubrir restaurantes basándose en recomendaciones confiables de amigos, algo que las plataformas existentes con reviews de desconocidos no ofrecían.

[ SOLUCIÓN ARQUITECTÓNICA ]

Integré sistema social con mapas interactivos, autenticación múltiple, perfiles de restaurantes completos, dashboard para dueños y gamificación con niveles y logros.

TECNOLOGÍAS & HERRAMIENTAS
  • Next.js 15
  • React
  • TypeScript
  • CSS Modules
  • Firebase Auth
  • Google Maps API
  • .NET Core API
  • FontAwesome
IMPACTO CLAVE:App social completa con autenticación multi-proveedor, mapas en tiempo real y arquitectura escalable con Next.js App Router.
Arquitectura de Gusto - Social Restaurant Discovery
GustoESTADO: OPERACIONAL
ÍNDICE // 02Catálogo B2B & Admin Panel
DEMO EN VIVO↗

Chichess - Fábrica de Juguetes

El catálogo digital mayorista y panel interno administrativo de Chichess, fábrica argentina de juguetes de playa, jardín y didácticos desde 1993. Cumpliendo estrictamente con las normas de seguridad IRAM NM 300.

[ EL DESAFÍO DE NEGOCIO ]

Necesitaban digitalizar su catálogo mayorista, permitir al administrador ordenar productos dinámicamente mediante drag & drop, y automatizar la generación de catálogos en PDF.

[ SOLUCIÓN ARQUITECTÓNICA ]

Desarrollé una plataforma con Next.js 16 y Zustand, integrando ordenamiento Drag & Drop con @dnd-kit, NextAuth.js para sesiones B2B de larga duración, Prisma con MariaDB/MySQL, y un pipeline con Husky v9.

TECNOLOGÍAS & HERRAMIENTAS
  • Next.js 16
  • TypeScript
  • Zustand
  • TailwindCSS v4
  • Prisma ORM
  • NextAuth.js
  • @dnd-kit
  • Husky v9
  • Vitest
  • Playwright
IMPACTO CLAVE:Ordenamiento global drag & drop, generación de PDFs en tiempo real, testing trophy completo (unitario, integración y E2E), CD con Runcloud y PM2.
Arquitectura de Chichess - Fábrica de Juguetes
ChichessESTADO: OPERACIONAL
ÍNDICE // 03Website Corporativo
DEMO EN VIVO↗|CÓDIGO FUENTE ↗

Zabala Ingenieros

Sitio web oficial de Zabala Ingenieros, empresa constructora y de ingeniería estructural con presencia en Colombia y Panamá. Especialistas en poliurea proyectada y obras civiles.

[ EL DESAFÍO DE NEGOCIO ]

La empresa necesitaba una presencia digital moderna para exhibir sus servicios especializados de ingeniería, con alcance internacional, captación de clientes e información precisa de sus obras.

[ SOLUCIÓN ARQUITECTÓNICA ]

Se desarrolló una aplicación utilizando Next.js App Router, implementando mapas interactivos geográficos, animaciones fluidas con Motion, y un robusto sistema de correos usando Resend.

TECNOLOGÍAS & HERRAMIENTAS
  • Next.js
  • React 19
  • TypeScript
  • Motion
  • React Simple Maps
  • Resend
  • Tailwind CSS
IMPACTO CLAVE:Sitio internacional ultra-rápido con alta conversión de leads y visualización de cobertura mediante mapas dinámicos. Diseño responsive con transiciones y UI moderna.
Arquitectura de Zabala Ingenieros
Zabala IngenierosESTADO: OPERACIONAL
ÍNDICE // 04E-Commerce Full-Stack
DEMO EN VIVO↗|CÓDIGO FUENTE ↗

Recetas con Essen - E-commerce & Catálogo de Productos

Plataforma web moderna para mostrar productos Essen (ollas y utensilios de cocina premium) con catálogo completo, recetas inspiradoras y sistema de contacto integrado.

[ EL DESAFÍO DE NEGOCIO ]

La empresa necesitaba mostrar 888 productos organizados, generar engagement con recetas y facilitar contacto con clientes en un sitio moderno y fácil de mantener.

[ SOLUCIÓN ARQUITECTÓNICA ]

Desarrollé una app con Next.js 15 (SSG/ISR), categorizando productos por líneas (Capri, Terra, Nuit), con Google Analytics, SEO optimizado, sitemap automático y diseño responsive.

TECNOLOGÍAS & HERRAMIENTAS
  • Next.js 15
  • React 19
  • TypeScript
  • CSS Modules
  • Font Awesome
  • Google Analytics/GTM
  • Static Site Generation (SSG/ISR)
IMPACTO CLAVE:Sitio estático optimizado con ISR horaria, 888 productos organizados con filtros dinámicos, deployment automatizado y mejora significativa en UX y performance.
Arquitectura de Recetas con Essen - E-commerce & Catálogo de Productos
Recetas con EssenESTADO: OPERACIONAL
ÍNDICE // 05Real-Estate Web App
DEMO EN VIVO↗|CÓDIGO FUENTE ↗

Desouches Propiedades - Sitio Web Inmobiliario

Sitio web profesional para una inmobiliaria argentina, con diseño premium, UI/UX moderna y rendimiento óptimo.

[ EL DESAFÍO DE NEGOCIO ]

El cliente necesitaba un sitio web premium para mostrar servicios inmobiliarios con integración a ZonaProp, manteniendo excelente performance y SEO.

[ SOLUCIÓN ARQUITECTÓNICA ]

Desarrollé con Astro, TypeScript y CSS vanilla. Diseño glassmorphic, Core Web Vitals optimizados, SEO completo con Schema.org, 10 categorías de propiedades y formulario con WhatsApp.

TECNOLOGÍAS & HERRAMIENTAS
  • Astro 5.16.8
  • TypeScript
  • CSS3
  • HTML5
  • Google Analytics 4
  • Schema.org
IMPACTO CLAVE:Lighthouse: 95+ Performance, 100 Accesibilidad, 100 SEO. WCAG 2.1 AAA, LCP < 2.5s y experiencia premium en todos los dispositivos.
Arquitectura de Desouches Propiedades - Sitio Web Inmobiliario
Desouches PropiedadesESTADO: OPERACIONAL
SEC // 03 — MATRIZ DE ARQUITECTURA & CRITERIO TÉCNICO

Criterio de Decisión Tecnológica

FILOSOFÍA: HERRAMIENTAS ADECUADAS PARA EL PROBLEMA CORRECTO
01 // FRONTEND CORE & RENDERIZADOESTÁNDAR // ACTIVO

Arquitectura de Islas & Despliegue Estático Híbrido

Astro 5Next.js 16React 19Tailwind CSS v4

▪Astro 5 (Zero-JS by Default)

Elección prioritaria para sitios de alto impacto, portfolios y portales donde el 100/100 en Core Web Vitals y el SEO son indispensables. Elimina el runtime de JavaScript en el cliente para contenido estático.

▪Next.js 16 (App Router & SSR)

Reservado para plataformas con autenticación de sesiones complejas, dashboards administrativos en tiempo real y renderizado en servidor (SSR) dinámico bajo demanda.

▪React 19 (Islas Interactivas)

Se encapsula exclusivamente como isla hidratada (`client:visible` o `client:idle`) solo en componentes con interacción táctica (ej. manipuladores de estado o canvas), evitando penalizar el hilo principal.

02 // BACKEND & CONCURRENCIAESTÁNDAR // ACTIVO

Servicios Modulares, Tipado Extremo & Transaccionalidad

NestJSJava Spring BootNode.jsREST & WebSockets

▪NestJS (TypeScript Modular)

Arquitectura orientada a dominio con inyección de dependencias, DTOs con validación estricta y contratos compartidos de TypeScript entre frontend y backend.

▪Java Spring Boot (Enterprise Grade)

Seleccionado para microservicios y sistemas empresariales donde se requiere estricta concurrencia multihilo, transacciones ACID complejas y alta tolerancia a fallos.

▪WebSockets & Event-Driven

Comunicación bidireccional de baja latencia para sincronización de estados distribuidos y notificaciones en tiempo real.

03 // PERSISTENCIA & MODELADOESTÁNDAR // ACTIVO

Integridad Referencial, Normalización & Estado Atómico

PostgreSQLPrisma ORMZustandTypeScript Strict

▪TypeScript (Modo Estricto Sin any)

Elimina clases enteras de bugs en tiempo de desarrollo. Tipado genérico, estrechamiento de tipos (type narrowing) y validación en runtime con Zod.

▪PostgreSQL & Prisma ORM

Modelado relacional con claves foráneas, índices optimizados para lecturas frecuentes y migraciones automatizadas e inmutables.

▪Zustand (Estado Atómico)

Gestión de estado global ultraligera en el cliente sin la sobrecarga ni los re-renders en cascada comunes en React Context o Redux.

04 // CALIDAD & PIPELINES CI/CDESTÁNDAR // ACTIVO

Testing Trophy Automatizado & Verificación Continua

PlaywrightVitestGitHub ActionsDocker

▪Playwright (E2E Multi-Navegador)

Validación automatizada de flujos críticos de usuario (navegación, formularios, renderizado) en Chromium, Firefox y WebKit en entornos headless reales.

▪Vitest (Pruebas Unitarias)

Ejecución instantánea impulsada por Vite de pruebas de lógica pura, helpers y transformadores de datos.

▪Docker & GitHub Actions

Entornos de build reproducibles, escaneo de linter, compilación estricta y despliegues automáticos con cero tiempo de inactividad.