Resultados primero
El desafío: Reducir costos, mejorar el rendimiento y la seguridad + olvidarse del mantenimiento agotador de Wordpress.
Así que decidí migrar Betizen.org de mi Droplet autogestionado de DigitalOcean (2 GB Memory / 2 AMD vCPUs / 60 GB Disk) a Vercel. De un Wordpress dinámico a un sitio estático generado con 11ty.
✅ Rendimiento medido por GTMetrix pasó de una lamentable F (32%) a una A (96%)
✅ Costos en el plan Hobby de Vercel son gratuitos, así que los costos bajaron de USD 39.57/mes a USD 0, comprobado
✅ Seguridad ahora es casi ideal, ya que Vercel es una solución gestionada y un sitio estático tiene muchos menos vectores de ataque.
Además, el mantenimiento pasó de resolver incompatibilidades de plugins después de una actualización en un fin de semana a literalmente cero tiempo invertido.
El escenario
El sitio tiene reseñas, artículos, páginas y categorías en 3 idiomas diferentes: pt-br, es y en.
Tiene un total de 809 URLs con contenido único.
Wordpress es una gran herramienta, la amo y amo aún más a mis clientes que la usan 😜
Me especializo en Woocommerce & Pagos, pero el sitio, como proyecto paralelo, rápidamente se volvió un dolor de cabeza para mantener.
Betizen.org intenta ofrecer listados confiables y transparencia extrema de y para casinos online, juegos y programas de afiliados, sin estafas ni tonterías. Recibiendo mucho tráfico basura, lo que sobrecargaba el servidor limitado de DigitalOcean.
Para este proyecto, Wordpress era una mala elección obvia. Aun así es el estándar en internet para afiliados, ¡Y NO DEBERÍA SERLO! Especialmente si estás empezando y bootstrappeando.
Así que después de un tiempo lidiando con esto, decidí moverme a mejores tierras: un sitio estático ligero, limpio y simple usando el único y gran SSG: Eleventy.
Pensé en usar Svelte como SSG, pero ¿por qué no usar una herramienta (excelente) y más específica para la tarea, mientras aprovecho para mejorar mis habilidades con 11ty?
Así que allá fui.
El desafío
Convertir Betizen.org en un sitio estático.
508 URLs de reseñas de juegos.
43 artículos de blog.
21 páginas.
126 reseñas de casinos.
28 categorías.
83 páginas de proveedores de juegos.
= 809+ URLs únicas e indexables.
- La primera idea fue migrar progresivamente categorías de páginas una por una. Hacer pruebas con páginas de bajo tráfico (y baja autoridad) y luego mover lentamente las de alto tráfico. Dos estructuras diferentes debían coexistir hasta que todas fueran migradas.
- Otra idea fue crear una herramienta de desarrollo que use la Rest API de Wordpress para obtener todo el contenido y generar todas las entradas Markdown de una vez. Comparar salidas ¡y migrar!
- La tercera opción era descargar absolutamente todo usando una herramienta como HTTrack, trabajar localmente y luego enviar el sitio completo.
Se necesitaba una estructura básica. Y como siempre, el 11ty base blog fue un gran punto de partida.
También eran imprescindibles las funcionalidades i18n y l10n. Aquí hay un artículo interesante sobre i18n con Eleventy por Lene Saile, y otro en Smashingmagazine sobre Internacionalización y Localización para sitios estáticos.
Para el despliegue, Vercel —ya tenía otros proyectos en Netlify consumiendo cuota.
Como muchos ejemplos en la documentación de 11ty están orientados a Netlify, esta guía de Migrar a Vercel desde Netlify fue útil.
Después de un mes, muchas pruebas, herramientas de scrapping/importación creadas y muchas horas de fines de semana invertidas, betizen.org salió en vivo como sitio estático con una plantilla 11ty inspirada en el theme de Wordpress (que también había creado para personalizar un template original para la industria de apuestas).
La idea es seguir impulsando 11ty para afiliados de iGaming, tal vez ofrecer plantillas gratuitas de calidad vía minimo.io, idealmente conectadas a un Headless CMS. Como se ve en los resultados, tiene todo el sentido en costos, seguridad y rendimiento.
Y fue divertido seguir aprendiendo el SSG Eleventy. BTW: Qué gran comunidad.
