Hello World:por que crieieste portfólio

O clássico Hello World

Todo programador começa com um Hello World. É a primeira coisa que aparece na tela, o primeiro sinal de que algo funciona. Não faz nada útil, mas representa tudo — o início.

Este post é o meu Hello World. Não no terminal, não em uma IDE. É o meu primeiro post público, no meu próprio espaço, contando a história de como e por que este portfólio existe.

Se você chegou até aqui, bem-vindo. Puxa uma cadeira e fica à vontade.

O problema que eu queria resolver

Eu precisava de um lugar para mostrar meu trabalho. Simples assim. Quando um potencial cliente perguntava "me mostra o que você já fez?", eu mandava prints pelo WhatsApp, links soltos, explicações por áudio. Funcionava, mas era desorganizado e nada profissional.

Além disso, toda vez que alguém se interessava por um projeto, eu precisava fazer as mesmas perguntas: qual o tipo de projeto? Qual o prazo? Tem referências visuais? Tem orçamento definido? Repetir isso dezenas de vezes é cansativo e toma tempo que poderia ser usado construindo.

A ideia ficou clara: eu precisava de um portfólio que fizesse mais do que mostrar projetos bonitos. Precisava de algo que trabalhasse por mim.

O desafio do design

Essa foi, honestamente, a parte mais difícil. Não por falta de habilidade técnica, mas por falta de identidade visual definida. Eu sabia programar o portfólio. Não sabia como queria que ele parecesse.

Passei dias olhando referências. Testei estilos minimalistas, testei coisas mais ousadas com animações pesadas, tentei seguir tendências. Nada parecia certo. O problema era que eu estava tentando copiar o que funcionava para outros, em vez de pensar no que representava a mim.

Quando parei de olhar para fora e comecei a pensar no que eu realmente gosto — estilos rústicos, clássicos, industriais, elegância com simplicidade — as coisas começaram a encaixar. O design final mistura tipografia serifada com sans-serif, muito espaço em branco, texturas sutis e interações discretas. Nada gritante. Tudo intencional.

A stack por trás

Com o design definido, a parte técnica fluiu naturalmente. Escolhi cada ferramenta pensando em produtividade, escalabilidade e na experiência de quem desenvolve — que no caso, sou eu mesmo ^^

O portfólio não é só o site público. Tem o painel administrativo, o banco de dados, pacotes compartilhados de UI, emails, integração com Sanity. Tudo isso vive no mesmo repositório com Turborepo — um deploy, uma source of truth.

O blog e a presença digital

Eu tinha um problema com o LinkedIn: simplesmente não entrava. Sabia que precisava estar ativo lá, que era importante para visibilidade e networking. Mas abrir a plataforma, pensar em um post, escrever, formatar e publicar era uma barreira grande demais para o meu dia a dia.

A solução veio naturalmente: e se eu criasse um blog no próprio portfólio e usasse uma ferramenta para distribuir automaticamente nas redes sociais?

Foi aí que entrou o Ayrshare. Ele se conecta com o LinkedIn (e outras plataformas) e me permite publicar de um lugar só. Escrevo o post no Sanity, o blog publica aqui no site, e o Ayrshare distribui para o LinkedIn. Um esforço, múltiplos canais.

O que aprendi construindo

Construir o portfólio do zero foi o melhor curso que eu poderia ter feito. Cada feature nova era um problema real para resolver, não um exercício de tutorial. Alguns dos aprendizados mais marcantes:

Internacionalização com next-intl

Implementar i18n foi mais complexo do que eu imaginava. Não é só traduzir strings — é pensar em rotas localizadas, fallbacks, formatação de datas e números, e garantir que o SEO funcione para cada idioma. O next-intl resolveu tudo isso de forma elegante com o App Router do Next.js.

Formulário multi-step com React Hook Form

O formulário de orçamento tem três etapas: sobre você, sobre o projeto e detalhes. Fazer isso funcionar com validação por etapa, sem perder o estado entre os passos e com UX fluida foi um exercício excelente de gerenciamento de estado. Tudo feito com React Hook Form e Zod, sem bibliotecas extras de wizard.

Sanity como CMS

Nunca tinha usado um CMS headless antes. O Sanity me surpreendeu pela flexibilidade — defino o schema no código, modelo exatamente o conteúdo que preciso e consulto tudo com GROQ. Posts, projetos e qualquer conteúdo dinâmico vivem no Sanity, não no código.

O que vem por aí

Este portfólio não é um projeto finalizado. É um projeto vivo que vai crescer junto comigo. Alguns dos próximos passos:

Pretendo documentar cada uma dessas adições aqui no blog. A ideia é que cada post seja um registro do processo — o que fiz, por que fiz e o que aprendi.

Esse é só o começo

Se você leu até aqui, obrigado de verdade. Esse post marca o início de uma jornada que eu estou construindo um passo de cada vez. Não tenho todas as respostas, não domino tudo, mas tenho uma coisa que faz diferença: eu não paro.

Se quiser acompanhar essa jornada, me encontra no LinkedIn. E se tiver um projeto em mente, dá uma olhada no formulário de orçamento — é exatamente pra isso que ele existe.