Este site
Portfólio construído com specs antes do código, identidade própria e dois idiomas escritos separadamente.
- Ano
- 2026
- Stack
- Next.js · TypeScript · Tailwind · next-intl · Framer Motion · Vercel
Contexto
Eu precisava de um site que apresentasse a transição de desenvolvedor fullstack para engenharia de IA sem parecer um site genérico de IA, e que servisse de prova de que eu entrego produto com acabamento. O público: recrutadores no Brasil e fora, tech leads avaliando profundidade técnica, e possíveis parceiros de projeto.
A decisão de método veio antes do código: Spec-Driven Development em versão leve. Visão, conteúdo, design system, identidade, arquitetura, deploy e roadmap foram escritos em sete documentos no repositório, e só depois o primeiro componente existiu.
Decisões técnicas
Next.js em vez de Angular, que é a minha stack de trabalho. O objetivo aqui era resultado (rotas por idioma, SEO, animação, deploy), e o ecossistema do Next resolve esses quatro pontos com menos atrito. O Angular aparece como competência, não como implementação.
Dois idiomas como rotas (/pt e /en), não como troca de texto no navegador. Cada idioma tem URL própria e indexável, com hreflang, e o conteúdo em inglês foi escrito do zero, não traduzido: para vaga fora do Brasil, a qualidade do inglês faz parte do pitch.
Conteúdo separado da interface, no espírito da Clean Architecture: os textos vivem em arquivos JSON por idioma, as seções consomem via uma camada de carregamento e nenhum componente conhece string de conteúdo. Fontes self-hosted, sem chamada externa no build.
Movimento com propósito: uma única sequência de entrada no hero, um campo facetado que reage ao cursor com a mesma geometria do mascote, e o mascote acompanhando a rolagem em telas largas. Tudo desliga com prefers-reduced-motion.
Resultado
Site no ar em marcusrdrigues.com, com /pt e /en gerados estaticamente, imagem Open Graph por idioma, favicon e ícone de app com o mascote, página 404 e sitemap. O domínio ficou no Namecheap com o e-mail do iCloud intacto; só o DNS aponta para a Vercel.
A identidade (mascote de lente e monograma MR_) saiu de sete rodadas de comparação visual, documentadas no próprio repositório com o que foi descartado e por quê.
O que eu faria diferente
Testaria a tipografia dos títulos no contexto da página antes de fechar a spec. A serifada que escolhi no papel lia como antiga na tela e foi trocada por Geist pesada depois do primeiro build. Spec define regras; o olho decide o acabamento.