Proyectos

Ultima actualización

Proyectos

MemesDev

Una red social completa para la comunidad de desarrollo. Implementación de referencia de una arquitectura moderna con Next.js, enfocada en performance y type-safety.

Next.jsTypeScriptPrismaZodshadcn/uiTanStack FormBiomeJSBetter AuthPostgreSQL

Más que un Side Project

MemesDev no es solo una galería de imágenes; es una aplicación social full-stack diseñada bajo los principios de producción.

El objetivo fue crear una Arquitectura de Referencia para la comunidad, demostrando cómo integrar piezas complejas del ecosistema moderno de React.

Stack Tecnológico de Punta

La aplicación orquesta múltiples capas de infraestructura moderna:

  • Autenticación Robusta: Implementación de Better Auth (Magic Links + OAuth) para una experiencia de login sin fricción y segura.
  • Gestión de Datos: Modelado de relaciones complejas (Usuarios, Posts, Comments, Likes) con Prisma ORM y PostgreSQL.
  • Validación End-to-End: Zod garantiza que los datos sean correctos desde el formulario en el cliente hasta la base de datos.
  • UX Instantánea: Uso de Optimistic Updates con TanStack Query/Form para que la interacción se sienta nativa (zero-latency feel).

Filosofía Open Source

El código es público y documentado param servir como recurso educativo:

  1. Clean Code: Estructura de carpetas escalable.
  2. Linting Estricto: Configuración de BiomeJS para mantener calidad de código.
  3. Accesibilidad: Componentes de shadcn/ui para garantizar inclusión.

Resultado

Una plataforma viva donde convergen el humor y la ingeniería de software de alta calidad.

En esta página