Vercel lança Vercel Services—implementação unificada de frontend e backend em um projeto

A Vercel introduziu uma nova capacidade chamada Vercel Services, que permite executar múltiplos frameworks — por exemplo, um frontend Next.js e um backend FastAPI — dentro de um único Projeto Vercel com implantações compartilhadas e redes internas entre serviços.

Como configurar Vercel Services

Os serviços são descritos no arquivo vercel.json sob a chave "services": para cada serviço, você especifica o caminho (root) e o framework ou ponto de entrada (entrypoint), e o roteamento de tráfego público é configurado via rewrites. O tráfego público pode ser direcionado apenas para o serviço frontend, deixando o backend acessível exclusivamente de dentro do projeto.

• Configuração de serviços — via chave "services" em vercel.json
• Exemplo da documentação Vercel: serviço my_frontend em Next.js e serviço my_backend em FastAPI (entrypoint main:app)
• Backend no exemplo não tem rota pública — acessível apenas ao serviço my_frontend através de rede interna
• O painel Deployments mostra visualização do gráfico de serviços, e a interface Logs permite filtrar logs por serviço individual
• O comando vercel dev inicia automaticamente todos os serviços localmente, replicando o ambiente de produção

Qual problema a combinação de serviços resolve

Previamente, equipes que combinavam um frontend JavaScript e, por exemplo, um backend Python em um único produto tipicamente tinham que dividi-los entre diferentes plataformas de nuvem: Vercel historicamente foi forte em implantação de frontend baseada em Next.js, enquanto serviços backend em FastAPI, Django ou Flask típicamente iam para plataformas de hospedagem separadas. Na prática, isso significava dois sistemas CI/CD independentes, dois conjuntos de logs e monitoramento, e sincronização manual de versões de frontend e backend a cada lançamento. Vercel Services fecha essa lacuna: a configuração de múltiplos frameworks e serviços completos é descrita em um arquivo vercel.json, em vez de ser montada manualmente a partir das configurações de diferentes plataformas.

O que implantações atômicas e service bindings fornecem

As implantações atômicas garantem que frontend, backend e outros serviços do projeto implantam e são revertidos de forma sincronizada, não separadamente. Implantações de visualização compartilhada mostram como uma única alteração afeta todos os serviços de uma vez. Uma configuração separada de bindings permite que os serviços se comuniquem diretamente, contornando a internet pública: por exemplo, a chave BACKEND_INTERNAL_URL é automaticamente passada para as variáveis de ambiente do frontend e aponta para o endereço interno do backend.

O que isso significa

Vercel Services fecha uma lacuna de longa data entre as partes frontend e backend de um único produto, que anteriormente geralmente viviam em nuvens diferentes com seus próprios processos de desenvolvimento e implantação. Para equipes que combinam um frontend JavaScript e, por exemplo, um backend Python em FastAPI, isso significa implantação unificada, fluxo de visualização compartilhada e conectividade interna direta entre serviços sem proxies reversos e configuração CORS. Para a plataforma, isso também é uma forma de reter em seu ecossistema equipes que anteriormente partiram com a porção backend do projeto para hospedagens de terceiros simplesmente porque a Vercel não oferecia uma forma conveniente de manter toda a pilha em um único lugar.

Perguntas frequentes

O que é Vercel Services?

É uma capacidade da Vercel para executar múltiplos serviços — por exemplo, um frontend Next.js e um backend FastAPI — dentro de um único Projeto Vercel com roteamento compartilhado, implantações atômicas e dimensionamento automático; a configuração é especificada em vercel.json sob a chave "services".

Os serviços precisam de um proxy reverso para se comunicarem?

Não. De acordo com a documentação Vercel, os serviços podem ser conectados a uma tabela de roteamento compartilhada e sua interação configurada via bindings sem proxy reverso e sem configuração CORS.