Zeus
My personal portfolio - the site you're on right now. Built with Next.js, Tailwind CSS, and next-intl for bilingual support.
The problem & the goals
Zeus is my personal portfolio, designed to showcase my work, skills, and background. It features a dark navy design with a terminal-styled hero, a bilingual interface (EN/FR), a project showcase, and a /uses page.
Problem
Bilingual EN/FR with next-intl
Goal
100 Lighthouse score across all categories
What I owned
Solo
- Fully static - no server runtime needed
- Terminal-styled hero card
Stack & why
Each choice had to earn its place.
Next.js
Tech
Chosen over Astro for its built-in image optimisation and ISR. Static generation means zero server runtime - the whole site serves from Vercel's CDN at no cost.
TypeScript
Tech
Strict mode catches entire classes of bugs at compile time - especially critical when juggling bilingual content with complex type shapes across locales.
Tailwind CSS
Tech
Utility classes live next to markup - no separate stylesheet to maintain. Tailwind v4's engine purges everything unused, landing under 10 kB of CSS in prod.
next-intl
Tech
Works natively with async RSC and the App Router. Alternatives like next-i18next required client wrappers that broke server component boundaries.
Lighthouse & web vitals
Performance
Accessibility
Best practices
SEO
Key features
Bilingual EN/FR with next-intl
100 Lighthouse score across all categories
Fully static - no server runtime needed
Terminal-styled hero card
Next project →
Helios
A personal desktop dashboard built with Tauri 2 and React. 28+ plugin widgets, Kanban project management, network topology graph, and system monitoring.