✦

★

✦

✹

✧

// themes/lightMode.config.ts

export interface ThemeConfig {
  readonly name: "Light mode";
  active: true;
  sunRaysIntensity: 0.85;
  editor: "VS Code";
}

// routes/themeRouter.ts

import { Router, Request, Response } from "express";
const router = Router();
router.get("/abdeal", async (req: Request, res: Response) => {
const modeState = await selectModeUseCase.execute("light");
return res.status(200).json(modeState);
});

// hooks/useThemeSwitch.ts

export const useThemeSwitch = () => {
document.documentElement.classList.remove("dark");
localStorage.setItem("theme", "light");
};

Volver a la bitácora

4 de septiembre de 2026

Lanzamiento de mi nuevo espacio web personal con Astro

Por qué decidí migrar a Astro y cómo he configurado una arquitectura moderna sin necesidad de backend.

#Astro#TailwindCSS#Webdev#Portfolio

¡Bienvenidos a mi nuevo rincón digital! 🚀

Hacía tiempo que quería renovar mi presencia web para tener un lugar donde centralizar mis proyectos, mi trayectoria profesional y los retos técnicos en los que trabajo a diario.

¿Por qué Astro?

Buscaba algo rápido, limpio y que no me obligara a mantener una base de datos ni un servidor complejo para publicar artículos o actualizar mi currículum:

Cero JavaScript innecesario: Astro renderiza a HTML puro por defecto.
Content Collections: Gestionar mis noticias mediante archivos Markdown me da control de versiones vía Git sin dolores de cabeza.
Estilizado moderno: Tailwind CSS me permite mantener un diseño coherente con mi paleta de azules y verdes oscuros.

Subiré más novedades sobre mis proyectos de desarrollo. ¡Nos vemos por aquí!

Compartir en: