← Back to portfolio
3D Portfolio
This portfolio: a 3D Next.js landing with an interactive scene, bilingual content, detailed case pages, and real SEO — deployed to Cloudflare Workers via OpenNext.
Context
3D portfolios often stop at visual flair. The goal here was to balance presence (Three.js) with indexable content, mobile performance, and an engineering narrative recruiters can actually explore.
What the product delivers
- 3D hero plus about, experience, stack, projects, and contact in one flow
- PT/EN i18n with `/pt` and `/en` routes, hreflang, and per-locale metadata
- Project and blog pages with their own meta, Open Graph, and JSON-LD
- Server-side contact form (EmailJS) and edge deploy at portfolio.kaique.site
Engineering signals
- Next.js 16 (App Router) + React 19 + TypeScript + Tailwind CSS 4 + Framer Motion
- Three.js / React Three Fiber with lazy load, stars only on idle/desktop, and one shared Canvas for tech spheres
- SEO: metadataBase, OG image, robots, sitemap, manifest, and structured data
- OpenNext + Cloudflare Workers; CI with lint, type-check, and preview/prod
Public project: you are on it. Source on GitHub and live at portfolio.kaique.site.
#Next#TypeScript#Three.js#Tailwind