Proyecto

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

  1. La simplicidad escala mejor: Menos código = menos bugs
  2. Git como base de datos funciona: Para contenido estático es perfecto
  3. Turbopack es game-changer: El dev experience es increíble

Status: ✅ En producción
Última actualización: Febrero 2026

Actualizado el 6 de febrero de 2026