Esse é um produto real, com impacto na geração de leads e melhora do perfil digital da cliente. Quando Izabella me procurou, buscava modernizar seu portfólio online e causar uma ótima impressão em potenciais clientes e colaboradores. Toda a exibição deveria ser elegante, mas prática; sofisticada, mas acessível.
Seu antigo portfólio estava datado, feito com o básico do WordPress e carecia de personalidade. Meu desafio, então, foi dar conta não somente das exigências com relação à estética, mas também dos problemas resultantes de débito técnico.
Nesse contexto, a adoção do framework Astro, muito recomendado para sites ricos em conteúdo, com foco em performance e SEO, foi perfeita. O Astro gera HTML estático por padrão, que é enviado diretamente ao navegador, o que reduz drasticamente o tempo de carregamento. Em contraste, o React, por exemplo, precisa hidratar o JavaScript no cliente para que a página funcione completamente.
Na lista dos benefícios desfrutados, destaco aspectos como componentização (o que facilita manutenções) e soluções nativas para otimização de imagens. Uma das tecnologias do Astro, a “Arquitetura em Ilhas”, que me permite integrar React, Vue, Angular, dentre outras bibliotecas ou frameworks, foi de grande utilidade para inserir prévias do YouTube e Instagram na página de 'Roteiros', onde fiz uso do pacote 'react-social-media-embed'.
Com as diretrizes em mente e as soluções em mãos, programei um site com excelentes notas no Lighthouse. Na versão desktop, as pontuações foram: performance (100), acessibilidade (100), melhores práticas (100) e SEO (100). Na versão mobile: performance (90), acessibilidade (100), melhores práticas (100) e SEO (100). Números muito satisfatórios e de acordo com os objetivos do projeto.
A cliente se mostrou mais do que contente com o resultado final.
O repositório no GitHub foi mantido privado, a fim de preservar algumas das informações e aspectos que serão de propriedade de Izabella assim que a transferência de domínio for finalizada.