A Toscano Digital cria um portal imobiliário de alto tráfego com o Blazor e .NET

Modernização para milhões de usuários

A Toscano Digital trabalha com .NET desde 2014. Em 2020, a equipe apostou cedo no Blazor WebAssembly para a segunda versão do seu CRM B2B de missão crítica, usado diariamente por cerca de 1.000 colaboradores na rede do Gruppo Toscano. Essa migração do .NET Framework e jQuery para a API Web e o Blazor WebAssembly foi um grande sucesso, trazendo maior velocidade no desenvolvimento de funcionalidades e manutenção muito mais simples.

Mas quando chegou a hora de recriar o portal voltado para o público do grupo, um site B2C em que milhões de italianos buscam casas, o nível de exigência era diferente. O novo site precisava ser otimizado para SEO, já que a busca orgânica é a principal fonte de tráfego para anúncios imobiliários. Também precisava carregar rápido em dispositivos móveis. E precisava suportar picos de tráfego imprevisíveis.

A abordagem convencional seria contratar uma equipe de front-end separada especializada em React, Next.js ou Vue. A Toscano Digital avaliou essas opções, mas o CEO Pietro Montelatici viu outro caminho. "Adotar uma estrutura JavaScript exigiria fragmentar as habilidades da equipe e a criação de um gerenciamento mais complexo da lógica de negócios compartilhada," ele explica. "Para uma equipe enxuta como a nossa, usar a mesma linguagem no back-end e no front-end é um multiplicador de produtividade imbatível."

A equipe decidiu apostar tudo no Blazor, tanto para o CRM interno quanto para o portal público, acreditando que os recursos de renderização do lado do servidor do .NET 10 poderiam entregar o SEO e o desempenho que um site de alto tráfego exige.

Uma arquitetura "SSR Neutro" para SEO e velocidade

Para atender aos requisitos de SEO (otimização do mecanismo de pesquisa) e manter a interatividade avançada esperada por seus usuários, a Toscano Digital criou uma arquitetura em camadas que combina a renderização estática do lado do servidor com a hidratação do WebAssembly:

• SSR estático: usando a renderização estática do lado do servidor do .NET 10, as páginas são renderizadas no servidor e entregues como HTML totalmente formado que os mecanismos de pesquisa podem indexar instantaneamente.
• Cache de borda: o HTML renderizado é deliberadamente "neutro," sem personalização específica do usuário, para que o Cloudflare possa armazená-lo em cache na borda para entregá-lo globalmente em menos de um segundo. A limpeza do cache é automatizada via GitHub Actions a cada implantação.
• Hidratação WASM: depois que a página inicial carrega, o Blazor WebAssembly assume para oferecer interatividade e personalização. Dados específicos do usuário, como pesquisas salvas e detalhes da conta, são carregados por meio da API após a renderização inicial.

Essa abordagem dá à Toscano Digital o melhor dos dois mundos: os mecanismos de busca veem conteúdo totalmente renderizado, enquanto os usuários têm uma experiência fluida, parecida com um aplicativo, assim que a página fica interativa.

PersistentComponentState: uma entrega simplificada

Um dos aspectos mais complexos de combinar a renderização no lado do servidor com a interatividade no lado do cliente é a transição entre os dois. Quando o Blazor WebAssembly assume a página renderizada pelo servidor, o estado do aplicativo precisa ser transferido perfeitamente sem chamadas à API redundantes ou cintilação visível.

No .NET 10, o Blazor introduziu o atributo [PersistentState], o que simplifica muito o processo. Para a Toscano Digital, essa melhoria foi transformadora.

PersistentComponentState é muito mais do que um recurso; ele fornece uma base sólida e confiável para a entrega de servidor para cliente que os métodos tradicionais não tinham, tornando o Blazor a escolha realmente racional para B2C em grande escala."

O atributo [PersistentState] eliminou o código padrão complexo que a equipe havia escrito anteriormente para gerenciar manualmente a transferência de estado. Comparado às abordagens anteriores, o modelo declarativo ofereceu um mecanismo mais robusto e confiável, tornando toda a arquitetura muito mais fácil de manter.

Ajuste dos "últimos detalhes" no celular

Com a arquitetura principal pronta, a Toscano Digital focou no desempenho móvel. Os resultados no desktop foram ótimos, com uma Primeira Exibição de Conteúdo de apenas 0,6 segundos. Mas o Tempo Total de Bloqueio em dispositivos móveis excedeu um segundo, causado pela inicialização do runtime do WebAssembly e pela fase de hidratação.

A equipe trabalhou bastante para otimizar a experiência, testando compilação AOT e estratégias de redução de assemblies. Os testes revelaram compensações sutis: embora a compilação antecipada melhore a velocidade de execução, ela pode aumentar o tempo inicial de análise inicial em dispositivos móveis. Trabalhando diretamente com a equipe de engenharia do Blazor da Microsoft, a Toscano Digital explorou estratégias avançadas, como atrasar a inicialização do WebAssembly até que a interação do usuário seja necessária, melhorando a percepção de desempenho sem perder funcionalidades.

Os resultados falam por si. Graças à nova arquitetura, o tempo médio de resposta do servidor caiu de 200 milissegundos para apenas 30 milissegundos, uma melhora de 85%.

Uma equipe full-stack de verdade

Com o .NET 10 e o Blazor, quebramos a barreira entre front-end e back-end, permitindo que uma pequena equipe de 5 pessoas gerencie produtos complexos e em grande escala."

Para Montelatici, o maior impacto da escolha do .NET foi organizacional. Com uma única linguagem e estrutura abrangendo toda a pilha, não há barreiras entre os desenvolvedores que criam serviços de back-end e aqueles que criam a interface do usuário. Todos na equipe de cinco pessoas podem trabalhar em qualquer parte do sistema.

Isso reduziu drasticamente a sobrecarga de comunicação e os erros de integração, o tipo de atrito que atrasam as equipes maiores e em silos. As funcionalidades saem da ideia para a produção mais rápido, e a equipe responde às necessidades do negócio sem depender de especialistas.

Além do C#, a equipe usa recursos do .NET como Correspondência de Padrões para gerenciar a lógica complexa de roteamento de URL e LINQ para manipulação de dados. Montelatici descreve ambos como indispensáveis para manter o código limpo e expressivo em uma base de código extensa.

Criado no Azure e no GitHub

A infraestrutura da Toscano Digital é totalmente executada no Microsoft Azure, incluindo Serviço de Aplicativo, Azure Functions, SQL do Azure, Barramento de Serviço, Armazenamento de Blobs, Aplicativos Lógicos e Microsoft Foundry para recursos da plataforma IA no CRM B2B, como reescrever descrições de imóveis e sugerir estratégias de comunicação para os agentes.

O ciclo de vida completo do software é gerenciado por meio do GitHub com pipelines de CI/CD de GitHub Actions, incluindo a limpeza automatizada do cache do Cloudflare que mantém seu conteúdo armazenado na borda atualizado após cada implantação.

Resultados do mundo real

O novo portal foi lançado no início de março de 2026 e os resultados excederam as expectativas:

• Tempo de resposta do servidor: 200 ms → 30 ms (redução de 85%)
• Primeira Exibição de Conteúdo: 0,6 segundos na área de trabalho
• Novas contas de usuário: quase 100.000 criadas nas três primeiras semanas
• Gerenciamento de tráfego: picos inesperados de tráfego gerenciados perfeitamente pela combinação do Azure e do SSR

O projeto foi apresentado com sucesso durante o roadshow nacional do Gruppo Toscano para mais de 600 membros da rede comercial, confirmando que a tecnologia .NET está pronta para suporte às tendências de crescimento e transformação digital do grupo.

Transparência que gera confiança

Entre os recursos do portal, aquele de que a Toscano Digital mais se orgulha é a Área Pessoal. Os clientes podem acompanhar todas as etapas do processo de compra ou venda em tempo real, 24 horas por dia: estatísticas de visualização do imóvel, visitas agendadas, clientes potenciais recebidos e os canais de mídia específicos utilizados para promover seus imóveis.

O poder do .NET nos permite transformar a complexidade do mercado imobiliário em uma experiência de usuário rápida, transparente e fluida."

Essa transparência total fortaleceu a confiança entre as agências da Toscano e seus clientes, transformando o investimento em tecnologia em uma vantagem competitiva no mercado imobiliário da Itália.