Migrating to React + TypeScript + Tailwind

·1 mins

Migrating this website #

I migrated this portfolio from Hugo to a React + TypeScript + Tailwind stack to make it easier to iterate on the design and add new features in the future.

  • Rationale: component-based UI, type safety, and a modern toolchain for fast development.
  • What changed: content is still authored as Markdown, now parsed and rendered by a React app; routes are pre-rendered with vite-react-ssg for fast static output.
  • Benefits: easier UI refactors, safer refactoring with TypeScript, rapid local development with Vite, and tighter control over interactivity and build output.

This migration keeps the same content and visual intent while making the codebase more flexible for experimenting with new UI patterns and features.

Mafalda Barbosa de Brito
Written by
Mafalda Barbosa de Brito
I am an engineering student at Instituto Superior Técnico. Now on the 2nd year of Master's in Electrical and Computer Engineering, doing a thesis on Lightweight DL models for Intrusion Detection.
←Launching this website11 March 2025

© 2026 Mafalda Barbosa de Brito

Built with React & Vite, design adapted from Congo