Téo Casanova

Portfolio.

Next.js application built to present my background, my skills and my projects through a responsive, understated and maintainable interface.

Portfolio
Front-EndNext.jsPortfolio
nexttypescriptreactvercelfigma

Context

Personal project built to create a portfolio consistent with my professional goal: working as a React / Next.js developer on modern web applications.

Stack

Next.js App RouterTypeScriptReactTailwind CSSResendVercelFigma

Technical choices

  • Next.js App Router to structure pages and navigation
  • TypeScript to type the portfolio data
  • Tailwind CSS to build a responsive interface faithful to the mockups
  • Local typed data to manage projects, skills and links
  • Resend to make the contact form functional

Features

Responsive designDynamic pagesTyped dataContact formCopyable email

What this project demonstrates

  • End-to-end design of a developer portfolio
  • Turning Figma mockups into a responsive interface
  • Structuring a maintainable Next.js application
  • Reuse of consistent UI components
  • Building a functional contact form with Resend

Current limitations

  • Content managed manually in TypeScript files
  • No CMS or back office
  • No light mode in V1