← Voltar ao portfólio
Portfólio 3D
Este portfólio: landing 3D em Next.js com cena interativa, conteúdo bilíngue, cases detalhados e SEO de verdade — deploy em Cloudflare Workers via OpenNext.
Contexto
Portfólios 3D costumam ser só efeito visual. Aqui o objetivo foi equilibrar presença (Three.js) com conteúdo indexável, performance em mobile e narrativa de engenharia que um recrutador consiga explorar.
O que o produto entrega
- Hero 3D + seções de about, experiência, stack, projetos e contato num único fluxo
- i18n PT/EN com rotas `/pt` e `/en`, hreflang e metadados por locale
- Páginas de projeto e blog com meta própria, Open Graph e JSON-LD
- Formulário de contato server-side (EmailJS) e deploy edge em portfolio.kaique.site
Sinais de engenharia
- Next.js 16 (App Router) + React 19 + TypeScript + Tailwind CSS 4 + Framer Motion
- Three.js / React Three Fiber com lazy load, stars só em idle/desktop e um Canvas compartilhado nas esferas de tech
- SEO: metadataBase, OG image, robots, sitemap, manifest e structured data
- OpenNext + Cloudflare Workers; CI com lint, type-check e preview/prod
Projeto público: você está nele. Código no GitHub e live em portfolio.kaique.site.
#Next#TypeScript#Three.js#Tailwind