Cómo monté mi portafolio y mi blog sin pagar hosting
Mi portafolio, el blog, el panel para escribir y un newsletter propio corren con servicios gratuitos. Te cuento qué usé, qué me falló y cómo lo resolví.
El problema
Quería un portafolio rápido, un blog que Google pudiera leer y un newsletter propio, sin pagar mensualidades. Mi primer intento fue Firebase Hosting, pero el plan gratis solo sirve unos 360 MB al día. Con los videos de mis demos, unas cuantas visitas bastaban para dejar el sitio sin ancho de banda.
La solución
Moví todo a Cloudflare y dejé Firebase solo para lo que hace bien:
- Cloudflare Workers: sirven las páginas, generan el blog en el servidor y guardan en caché los datos.
- Firebase Auth y Firestore: el inicio de sesión del panel y los artículos.
- Resend: envía el correo a los suscriptores desde mi propio dominio.
- Cloudinary: guarda las imágenes de cada artículo.
Los archivos estáticos no cuentan contra el límite del plan gratuito, así que los videos dejaron de ser un problema.
Lo que me costó descubrir
Mi sitio se trababa en escritorio y no era el código. Los videos de las demos tenían 7 fotogramas por segundo y Chrome en Mac bajaba toda la página a esa velocidad. Reconvertirlos a 60 fps lo arregló al instante.
Otro detalle: para que Google indexe el blog, cada artículo tiene que llegar con su contenido ya escrito en el HTML. Por eso el Worker genera cada página en el servidor, con su título, descripción y datos estructurados.
Qué sigue
Quiero publicar más casos de estudio de mis proyectos y compartir lo que voy aprendiendo. Si te interesa, suscríbete abajo y te aviso por correo cuando salga el siguiente.
Puedes ver el resto de mi trabajo en trinaxcode.com.