Yann Villellas
HomeAboutProjectsContact
HomeAboutProjectsContact
Back

This Portfolio

Next.js 16 portfolio built with Tailwind CSS v4, i18n via next-intl, and a design token system for layout spacing.

/images/projects/portfolio/1

This website is a personal engineering portfolio built to showcase projects, skills, and professional background. It was developed from scratch with a focus on clean architecture, bilingual support, and fast static generation.

The site is built with Next.js 16 using the App Router and Tailwind CSS v4. A design token system manages all layout spacing consistently across every page, from the navbar’s chrome insets to the footer’s mobile navigation clearance. Internationalization is handled through next-intl, with all content sourced from translation files rather than a CMS or database, enabling full static generation. The hero section features animated ambient gradient orbs built with CSS keyframes that create depth without JavaScript.

The entire site is statically generated at build time, serving instant page loads with zero client-side JavaScript for content rendering. Every design decision was made with long-term maintainability in mind.

Next.jsTypeScriptTailwind CSSnext-intl
Source

© 2026 Yann Villellas. All rights reserved.