✦

★

✦

✹

✧

// 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");
};

Back to blog

September 4, 2026

Launch of my new personal web space with Astro

Why I decided to migrate to Astro and how I set up a modern architecture without the need for a dedicated backend.

#Astro#TailwindCSS#Webdev#Portfolio

Welcome to my new digital corner! 🚀

I had been wanting to revamp my web presence for a while to have a centralized place for my projects, my career trajectory, and the technical challenges I tackle on a daily basis.

Why Astro?

I was looking for something fast, clean, and without the overhead of maintaining a database or a complex server to publish articles or update my resume:

Zero unnecessary JavaScript: Astro renders to pure HTML by default.
Content Collections: Managing my articles via Markdown files provides native Git version control with zero hassle.
Modern Styling: Tailwind CSS allows me to maintain a coherent design system with dark blue and emerald green accents.

I will be posting more updates about my projects soon. See you around!

Share on: