giulio benvenuti/artist & dev
/
back to blog
2026-04-26

Building this site

metanextjsthree.js

This is the first post on the site. The portfolio you're reading is built with Next.js 15, Three.js, and Tailwind CSS 4. The hero scene is a wireframe city rendered with R3F-style imperative Three.js, the Lab section runs three live micro-tools (3D viewer, code playground, GLSL shader), and the contact section is a fully interactive terminal.

Why this approach

I wanted the site itself to be a portfolio piece, not just a container for portfolio pieces. Every section demonstrates a different capability: the hero is 3D art driven by code, the lab section runs real Three.js scenes and shaders, the terminal is plain JavaScript with custom command parsing.

Stack

  • Frontend: React 19, Next.js 15 App Router, TypeScript strict, Tailwind 4
  • 3D: Three.js, custom GLSL shaders
  • i18n: next-intl with /en and /it routes
  • Hosting: Vercel with auto-deploy from GitHub

What's next

More case studies, more experiments, and probably an article on archviz workflows in Three.js.