← 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
/enand/itroutes - 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.