Frontend
01- React 19 + Vite
- Tailwind CSS v4
- React Router DOM
- html2canvas
Fullstack · Plataforma editorial
Blog Personal
Plataforma editorial personal fullstack construida desde cero, donde el autor publica artículos, reseñas de libros y documentales con una experiencia de lectura premium.
Ingeniería de datos
Noticias relevantes, sin trabajo manual
Construí un pipeline ETL serverless que convierte múltiples feeds RSS en un briefing editorial reciente, priorizado y listo para consumir en IANCONIA. El flujo se ejecuta automáticamente cada 12 horas.
7
categorías automáticas
12 h
entre ejecuciones
URL
deduplicación automática
RSS
Extracción
Limpieza
Clasificación
Scoring
Supabase
React
Tecnologías
Stack técnico
Una arquitectura moderna que conecta interfaz, datos, autenticación, correo, analítica y despliegue continuo.
Backend & BD
02- Supabase (PostgreSQL + RLS)
- Supabase Storage
- Supabase Edge Functions
- Supabase Auth (JWT)
Datos & automatización
03- Pipeline ETL con TypeScript
- RSS multifuente
- Supabase Cron
- Clasificación y scoring automático
- Resend API
- DKIM, SPF y DMARC
Analytics
05- Google Analytics 4
- Métricas de usuarios activos en tiempo real
- Seguimiento de eventos y páginas vistas
Deploy
06- Vercel (CI/CD)
- Dominio propio: ianconia.xyz
- DNS en Porkbun
Funcionalidades
01
Experiencia pública
- ✓Landing editorial con hero, imagen personal y animaciones de entrada
- ✓Carrusel responsive (1 / 2 / 4 cards según pantalla)
- ✓Página de lectura estilo NYT con barra de progreso, drop cap y tipografía editorial
- ✓Sistema de newsletter con email de bienvenida automático
- ✓Generador de imagen para Instagram Stories (1080×1920 px) con glassmorphism
- ✓Botón Web Share API para compartir en móvil
02
Panel administrativo
- ✓Login con autenticación JWT
- ✓Publicar, editar y eliminar artículos, libros y documentales
- ✓Doble imagen por post (vertical para card, horizontal para lectura)
- ✓Notificaciones por email a suscriptores con rate limiting
03
Analytics
- ✓Google Analytics 4 integrado para seguimiento de tráfico
- ✓Panel de usuarios activos en tiempo real
- ✓Métricas de páginas vistas, sesiones y comportamiento de lectura
04
Infraestructura
- ✓Row Level Security en todas las tablas
- ✓Políticas de acceso diferenciadas (anon / authenticated)
- ✓Routing con vercel.json para SPA
- ✓Auto-deploy en cada git push
05
Pipeline de noticias
- ✓Ingesta automatizada de feeds RSS de tecnología, economía, negocios y actualidad
- ✓Limpieza, normalización, validación y filtrado por relevancia
- ✓Clasificación automática en siete categorías y score de importancia
- ✓Deduplicación por URL y eliminación programada de noticias antiguas
- ✓Ejecución serverless cada 12 horas con Supabase Edge Functions y Cron
- ✓Briefing conectado a React, balanceado por categoría y adaptable a desktop y móvil
Resultado
Lo que demuestra
Diseño de un pipeline ETL serverless de extremo a extremo
Automatización y resolución de autenticación en producción
Arquitectura fullstack sin framework backend tradicional
Integración de múltiples servicios en la nube
Diseño UI/UX de nivel editorial sin librerías de componentes
Seguridad con RLS y autenticación JWT
Monitoreo de tráfico y comportamiento con Google Analytics 4
Flujo completo: idea → diseño → desarrollo → deploy → dominio propio