Como Entregar um Site sem o Cliente Estragar
O momento que toda a agência teme
Toda a agência web tem a mesma histéria. O site está pronto, a pontuaéção PageSpeed é 98, o design está perfeito ao pixel, o cliente está entusiasmado. Faz-se a entrega. Dois dias depois, o cliente envia um screenshot: a homepage está partida, uma secáção está sobreposta, o layout mobile está destruédo.
O que aconteceu? O cliente entrou no WordPress, tentou “corrigir um pequeno erro de digitaééo”, mudou acidentalmente um template de página, instalou um plugin que alguém recomendou, e atualizou o tema porque aparecia um badge de notificaééo. Trções coisas partiram simultaneamente e ninguém sabe qual mudanéa causou qual problema.
Isto não é culpa do cliente. Ele fez o que o sistema lhe permitiu fazer. A arquitetura falhou-o é deu-lhe acesso a tudo quando ele só precisava de acesso ao conteúdo.
O problema é o émbito das permissóes
O WordPress é e a maioria das plataformas CMS tradicionais é dáo ao utilizador admin acesso a tudo: conteúdo, design, plugins, ficheiros de tema, exportaéées de base de dados, gestáo de utilizadores, configuraéção PHP. O painel admin é uma sala de controlo com 200 botées, e o cliente precisa exatamente de 5 deles.
O cliente precisa de:
- Editar texto em páginas existentes
- Fazer upload e trocar imagens
- Adicionar novos posts no blog
- Publicar alteraéées
Não precisa de:
- Instalar ou atualizar plugins
- Mudar o tema
- Modificar CSS ou HTML
- Aceder é base de dados
- Tocar em qualquer coisa relacionada com como o site é construédo
O espação entre o que precisam e o que podem tocar é onde vive cada desastre de entrega.
A arquitetura CMS headless
Um CMS headless resolve isto ao separar fisicamente a gestáo de conteúdo da apresentaééo. O código do site vive num lugar (um repositério Git, deployed no Cloudflare Pages ou Vercel). O conteúdo vive noutro lugar (o CMS). Ligam-se atravás de uma API.
O Directus é um CMS headless open-source que envolve qualquer base de dados SQL com uma interface admin limpa e uma API REST/GraphQL. O Sanity é um CMS alojado com uma experiência de ediéção altamente customizével e colaboraéção em tempo real. O Strapi é outra opção open-source com um ecossistema forte de plugins.
Em todos os três casos, a arquitetura é assim:
Vista do cliente: Vista do developer:
�������������� ����������������������
Painel CMS Repositério Git
(Astro / Next.js)
Editar texto
Upload img API Design
Blog posts ������é Componentes
Publicar Performance
SEO
Tema Seguranéa
Plugins
Código ����������������������
��������������
O cliente fisicamente não consegue estragar o design porque o CMS não controla o design. Pode editar o texto “Sobre Nós”, mudar a foto da equipa, publicar um novo post no blog é e nenhuma dessas aéées pode afetar o layout, a performance ou a seguranéa do site.
A configuraéção prética com Astro + Directus
Para a maioria dos sites institucionais de negócio, a combinaéção de Astro e Directus é notavelmente limpa. O Astro vai buscar conteúdo ao Directus no momento do build, gera HTML estático, e faz deploy.
// Buscar conteúdo ao Directus no Astro (simplificado)
const directus = createDirectus('https://cms.tuaempresa.com')
.with(rest());
const paginas = await directus.request(
readItems('paginas', {
filter: { status: { _eq: 'publicado' } },
fields: ['titulo', 'slug', 'corpo', 'descricao_seo']
})
);
Quando o cliente publica uma alteraéção no Directus, um webhook dispara, o Cloudflare Pages ou Vercel despoleta um rebuild, e o site atualizado fica live em 60-90 segundos. Sem servidor para manter. Sem cache para limpar. Sem plugin para atualizar.
Permissóes baseadas em roles: a rede de seguranéa
O Directus e o Sanity suportam permissóes granulares baseadas em roles. Para uma entrega tépica de site de negócio:
Role Editor de Conteúdo: Pode criar e editar páginas, posts de blog e membros de equipa. Pode fazer upload de imagens dentro de limites de tamanho. Pode pré-visualizar antes de publicar. Não pode apagar páginas publicadas. Não pode aceder às configuraéées.
Role Administrador: Acesso total, mantido pela equipa de desenvolvimento.
O cliente nunca vá o painel de administrador. Vá um dashboard limpo com exatamente os tipos de conteúdo que gere. Não é uma versão simplificada de uma ferramenta poderosa é à uma interface desenhada de propásito para o seu workflow específico.
A camada de testes
Esta abordagem combina bem com infraestrutura de testes automatizados. O pipeline de build que deploya o site apás uma alteraéção de conteúdo pode incluir verificaéées de qualidade é deteéção de links quebrados, validaéção de otimização de imagens, benchmarks de performance, e auditorias de acessibilidade. Se uma alteraéção de conteúdo introduzir um problema, o pipeline deteta-o antes do deploy.
é desta forma que as equipas do Webxtek Studio estruturam as entregas para negócios de serviéos: o cliente gere conteúdo com total autonomia, o pipeline automatizado garante qualidade, e a equipa de desenvolvimento mantêm a fundaéção técnica. Ninguém precisa de babysit o site. Ninguém precisa de corrigir “aquilo que o cliente estragou acidentalmente.”
Quando o WordPress ainda é o CMS certo
Um CMS headless não é sempre a resposta. O WordPress ainda é a escolha certa quando:
- A equipa do cliente já está treinada em WordPress e mudar tem custo real de produtividade
- O projeto precisa de plugins WordPress específicos que não têm equivalente headless
- O oréamento não permite o tempo de setup de CMS headless
O trade-off honesto: uma entrega WordPress é mais répida e barata inicialmente, mas carrega risco de manutenção conténuo. Uma entrega com CMS headless demora mais tempo de setup mas elimina a categoria inteira de tickets de suporte “o cliente estragou o site.” Ao longo de 2-3 anos, a abordagem headless tipicamente custa menos em horas totais de suporte.
O objetivo não é eliminar o cliente da equaééo. é dar-lhe exatamente as ferramentas certas para o que precisa de fazer é e nada mais.
Perguntas Frequentes
O que é um CMS headless e como é diferente do WordPress?
Um CMS headless (como Directus, Sanity ou Strapi) gere conteúdo atravás de uma API sem controlar como é apresentado. O WordPress combina gestáo de conteúdo E apresentaéção num único sistema é o que significa que o cliente pode mudar temas, instalar plugins e modificar código. Um CMS headless dá ao cliente acesso para editar texto e imagens mas fisicamente não consegue alterar o design ou código do site.
Clientes não técnicos conseguem usar um CMS headless?
Sim. As interfaces modernas de CMS headless são desenhadas para utilizadores não técnicos. O Directus, por exemplo, fornece um editor visual limpo onde os clientes podem atualizar texto, fazer upload de imagens, reordenar conteúdo e publicar é com permissóes baseadas em roles que evitam danos acidentais.
Como é que o conteúdo fica live num setup de CMS headless?
Quando o cliente edita conteúdo no CMS, um webhook dispara uma reconstrução do site estático (tipicamente 30-90 segundos). O site atualizado é deployed automaticamente para a rede edge. O cliente vá um botão 'Publicar' no CMS é carrega, e o site atualiza globalmente em minutos.
Um CMS headless adiciona custo a um projeto de site?
O setup do CMS em si adiciona tempo de desenvolvimento (tipicamente 10-20 horas dependendo da complexidade). O Sanity tem um tier gratuito generoso para desenvolvimento e projetos pequenos. O Directus e o Strapi são open-source é o custo do software é zero, mas a infraestrutura e gestáo operacional para os correr de forma fiével está incluéda num servição de alojamento gerido profissional. O custo operacional conténuo é mínimo comparado com a poupanéa de não ter de tratar manualmente de cada alteraéção de conteúdo do cliente.
> INICIAR_PROJETO
Precisa de um website que transmita confiança, apareça na pesquisa e dê mais força à sua presença digital? Comece a conversa aqui.