// portfólio pessoal · leonardo vasconcellos
Leonardo Vasconcellos — Portfólio
Um portfólio, blog e currículo bilíngue (EN/PT-BR) de um engenheiro full-stack sênior com duas décadas de trabalho em sistemas de missão crítica — dos Médicos Sem Fronteiras à cidade inteligente mais bem ranqueada do Brasil — construído à mão como um site rápido e somente escuro.
TypeScript5.x
HTML5
CSS3
Node.jsscripts
Next.js16.2.7
React19.2.42026
Capturas de tela
Visão geral
Este é o site pessoal de Leonardo Lima de Vasconcellos, um desenvolvedor que constrói para a web desde 2005. Ao longo dos anos, trabalhou em cerca de 70 projetos em cinco eras da tecnologia web, do Flash e Flex ao desenvolvimento assistido por IA. O site é organizado em torno de uma ideia simples: apresentar primeiro a pessoa, depois compartilhar seus textos, mostrar seu trabalho e facilitar o contato. A página inicial segue esse mesmo fluxo, indo da seção principal para a página sobre, projetos selecionados, posts recentes, depoimentos de clientes e, por fim, a seção de contato.
A escrita está no centro do site. O blog reúne 44 posts migrados de um site anterior que ultrapassou um milhão de visualizações. Os comentários e imagens originais foram preservados, enquanto o conteúdo agora está disponível em inglês e português, com URLs localizadas e exemplos de código com destaque de sintaxe.
O portfólio traz 46 projetos, exibidos em uma grade compacta que se abre em estudos de caso detalhados. Alguns projetos também têm páginas de destaque dedicadas, incluindo Easy Clinic / Clínica Fácil e Histórias do Juca. Quando as capturas de tela originais não estavam mais disponíveis, foram geradas artes low-poly baseadas em seed para manter o arquivo visualmente consistente. Um currículo próprio para impressão completa a experiência para quem tem interesse em trabalhar com o Leonardo.
Por trás das cenas, o site usa um tema somente escuro e um sistema de cores baseado em OKLCH, construído em torno de três camadas bem definidas, cada uma com um propósito específico. Exo, Sora e JetBrains Mono são hospedadas localmente, e o CSS é escrito à mão para cada componente, sem depender de um framework de utilitários. As páginas são renderizadas no servidor por padrão, e toda rota é pré-gerada nos dois idiomas. Cada página também inclui seus próprios metadados de SEO, de URLs canônicas e alternativas de idioma à configuração de sitemap e robots, além de cards para compartilhamento social.
Destaques
Publicação bilíngue e pronta para buscadores
Cada página, projeto e post existe em inglês e português brasileiro, com slugs localizados, hreflang, URLs canônicas e sitemap — para que o mesmo conteúdo alcance clientes e recrutadores nos dois mercados e seja indexado em cada um.
Blog legado trazido de volta à vida
Um pipeline de migração transformou o dump de um banco de dados de blog antigo — 44 posts com comentários, imagens e codificação quebrada — em conteúdo limpo e versionado, com tradução para o inglês, para que textos que já passaram de 1.000.000 de visualizações continuem trazendo tráfego em vez de desaparecer.
Duas décadas de trabalho tornadas verificáveis
Um arquivo de 46 projetos com navegação densa, estudos de caso aprofundados, páginas de destaque dedicadas e arte gerada para projetos que perderam suas capturas de tela — transformando trabalhos descontinuados em prova que um gestor de contratação verifica em minutos.