jrengifo.com - Personal Brand Website
Sitio web personal construido con Next.js 16, Turbopack y MDX. Implementa filosofía Zero-DB y flat URLs para máxima velocidad.
Next.js 16React 19TypeScriptTailwind CSSMDXTurbopack
jrengifo.com - Personal Brand Website
Mi sitio web personal construido siguiendo la filosofía Zero-DB y enfocado en velocidad máxima.
El Problema
La mayoría de sitios web personales son:
- 🐌 Lentos
- 💸 Costosos (hosting + DB)
- 🔧 Complejos de mantener
La Solución
Un sitio estático ultra-rápido con:
- ⚡ Next.js 16 + Turbopack: Dev build 700x más rápido
- 📝 MDX: Contenido en archivos planos
- 🎨 Google Antigravity Design: Minimalista y profesional
- 🚀 Vercel: Deploy automático en cada push
Stack Tecnológico
- Frontend: Next.js 16, React 19, TypeScript
- Styling: Tailwind CSS 4 (Google Antigravity palette)
- Content: MDX + gray-matter
- Hosting: Vercel (Free Tier)
- Analytics: Vercel Analytics + Google Analytics 4
Características Clave
Unified Catch-all Router
Todas las rutas viven en la raíz (/slug vs /blog/slug) para mejor SEO.
Draft Mode
Sistema de published: false para previsualizar contenido antes de publicar.
Automation-Ready
Preparado para bots que generen contenido automáticamente desde YouTube.
Resultados
- 🟢 LCP: < 1.2s
- 🟢 FID: < 100ms
- 🟢 CLS: < 0.1
- 💰 Costo: $0/mes
Lecciones Aprendidas
- La simplicidad escala mejor: Menos código = menos bugs
- Git como base de datos funciona: Para contenido estático es perfecto
- Turbopack es game-changer: El dev experience es increíble
Status: ✅ En producción
Última actualización: Febrero 2026