Building my multilingual personal site
For a long time, building my own corner of the internet was on my to-do list. LinkedIn serves its purpose, sure, but it isn’t the right place to reflect calmly on what you’re building, share the process behind your projects, or simply write in a more personal tone. So I decided to do it: create my site from scratch, with technologies I’d choose myself and a design that reflects how I think.
The first decision was the tech stack. I wanted something lightweight, fast, and that generates static HTML, no servers to maintain, no databases. Astro was the natural choice: a static site generator with first-class Markdown content support that scales perfectly for a site like this. For styling, Tailwind CSS let me build a custom brand palette without fighting with global CSS.
The one requirement I set for myself from the start was that the site be bilingual (Spanish and English) from day one. Not as a secondary feature added later, but as part of the architecture from the beginning: separate routes per language (/es/ and /en/), a TypeScript-typed translation system, and a language switcher that remembers the user’s preference. Spanish is the default language because it’s my mother tongue, but English is equally first-class because part of my work and professional network operates in English.
For the design, I wanted something warm and personal. Not the typical black-and-white technical portfolio. I ended up with a palette of soft roses, lavender, ivory mint and an accent of dusty rose (#BC8F8F). The typography pairs Playfair Display (serif, for headings) with Inter (sans-serif, for body text), and the botanical details in the corners give it the character I was looking for.
What it includes
- About me: a section where I share who I am, what I do, and what defines me professionally, in two languages.
- Project journal: this very blog, where I’ll document the projects I’m working on: the process, technical decisions, what works and what doesn’t.
- Contact section: with my social links, email, and a QR code to share the site easily from the physical world.
- Experience page: coming soon, a dedicated page for my professional background, education, and achievements, more complete than a social media profile.
Next steps
The site’s infrastructure is complete. What’s next is publishing it with a custom domain, continuing to populate the journal, and adding the pending SEO improvements (sitemap, Open Graph). This is a living project. One I intend to keep active for a long time.
If you’re curious about the full technical details, check out the write-up for this very site in the projects section.