No Prodest, a modernização da experiência digital do cidadão é um compromisso contínuo que demanda soluções tecnológicas escaláveis e sustentáveis. Esse desafio é central na Gerência de Sistemas (Gesit), responsável pela manutenção e evolução de centenas de aplicações críticas para o Estado.

Com um time de cerca de 70 analistas na gerência para administrar esse vasto ecossistema, a definição da nossa camada de frontend não poderia ignorar a necessidade de escala e a sustentabilidade a longo prazo. Essa estratégia de modernização foi desenhada para integrar o dinamismo do Vue.js à solidez do .NET, priorizando a eficiência operacional e a experiência do cidadão através de diretrizes fundamentais:

1. Unificação de Ciclos de Vida e Deploys

Ao contrário do modelo convencional de Single Page Applications (SPAs), que exige a separação física entre frontend e backend (API), optamos por uma arquitetura integrada. Para o volume de sistemas de médio e pequeno porte geridos pela Gesit, evitar essa "dualidade" de projetos e processos é essencial para a produtividade.

Ao mantermos a interface e a lógica de servidor no mesmo repositório, eliminamos a necessidade de duplicar esteiras de CI/CD e simplificamos fluxos críticos, como a autenticação via Acesso Cidadão (OAuth2), garantindo que um único deploy resolva a aplicação de ponta a ponta.

2. Simplicidade técnica e independência de CLI

Como nossa base tecnológica é centrada no ecossistema .NET (e não em JavaScript), o Vue.js revelou-se a escolha ideal por sua natureza progressiva. Ao contrário de outros frameworks, como React e Angular, ele permite implementar reatividade e componentes utilizando JavaScript puro (Vanilla), dispensando o uso obrigatório de ferramentas complexas de build, como Node.js ou NPM.

Isso possibilita que nossos analistas continuem utilizando as views Razor (CSHTML) e os controllers do ASP.NET MVC, operando integralmente dentro do Visual Studio Professional, o que agiliza drasticamente a manutenção e o suporte das aplicações.

3. Evolução da Expertise na plataforma Microsoft

Esta decisão valoriza a trajetória técnica do Prodest, que tem mais de 20 anos de expertise no desenvolvimento de soluções web sobre a plataforma Microsoft. Nossa jornada tecnológica atravessou diversas gerações: desde o desenvolvimento em ASP Clássico, passando pela maturidade do .NET Framework, até chegar à vanguarda e alta performance do atual .NET 10.

Integrar o Vue.js diretamente às páginas geradas pelo servidor permite unir a segurança robusta do Microsoft Identity à agilidade de manipulação de DOM que as interfaces contemporâneas exigem.

4. Eficiência operacional: "Fazer mais com menos"

Ao adotar o Vue.js para a reatividade e o Bootstrap 5 para o design system, eliminamos dependências obsoletas como o jQuery e entregamos interfaces mais ricas com menor consumo de banda e processamento. O foco permanece na sustentabilidade: entregar soluções ágeis que respondam rapidamente às demandas do Estado, otimizando o tempo de resposta do time.

Em suma, a adoção do Vue.js na Gesit não foi motivada por tendências de mercado, mas por uma análise rigorosa de engenharia. O resultado é uma estrutura leve que permite interfaces modernas para o cidadão sem abrir mão da produtividade que o .NET nos disponibiliza há anos, garantindo entregas eficientes para a administração pública.

Sobre o Autor

Luciano Lorencini: Coordenador de desenvolvimento e Software Engineer, lidera a concepção de novas funcionalidades e a implementação de melhorias contínuas na arquitetura da plataforma.