abelitolll
back to the projects

November 8, 2026liveThe projects are written in Spanish.

abelitolll.com

Este mismo sitio, un portafolio con blog técnico, experimentos y terminal interactiva, hecho a medida sobre Astro.

Inicio de abelitolll.com con la terminal interactiva, el carrusel de tecnologías y un fondo de estrellas.
Estado
en producción
Tipo
sitio estático
Idiomas
español e inglés
Deploy
Vercel

Este sitio es mi portafolio, pero no quise que se sintiera como una plantilla. Lo armé a medida: cada detalle, desde la terminal del inicio hasta el cohete que sigue al cursor, está pensado para que se vea y se sienta propio.

El centro es el blog técnico. Son notas para mí, escritas mientras aprendo, con un tratamiento visual cuidado. Alrededor hay una sección de experimentos, una de proyectos (la que estás leyendo) y un “Sobre mí” dentro del inicio.

Cómo está hecho

Es un sitio 100% estático con Astro: sin backend, sin CMS y sin base de datos. El contenido vive en Content Collections validadas con zod, y React aparece solo en las islas que de verdad necesitan estado o animación. Los estilos salen de Tailwind 4 con tokens propios, así el tema claro y el oscuro comparten los mismos colores.

También tiene español e inglés, navegación sin recargar el documento y un flujo de trabajo con ramas protegidas, Conventional Commits y CI que revisa lint, tests y build en cada Pull Request.

  • AstroAstro
  • ReactReact
  • Tailwind CSSTailwind
  • TypeScriptTypeScript
  • Vercel
El listado del blog agrupado por mes, con un riel de puntos y un buscador.
El blog, agrupado por mes, con búsqueda y paginación.
Una nota del blog abierta, con su índice lateral y un bloque de código.
Una nota abierta, con índice lateral y bloques de código.
El listado de experimentos con sus tarjetas.
La sección de experimentos, donde cada prueba tiene su propia página.
La página de un experimento con su portada, el texto y la ficha lateral.
La página de un experimento, con portada, ficha y enlaces.