Voltar para as entregasServiços especializados · Conteúdo bilíngue

LabSul

Portal bilíngue com CMS próprio, moderação e permissões por editor

Site institucional e de conteúdo em português e inglês, com CMS próprio para áreas de atuação, equipe e publicações, moderação de comentários, funil de leads e o modelo de permissões mais granular do portfólio: cada editor só publica na sua categoria.

Ver no ar
Interface do projeto LabSul
Stack

Como foi construído

  • React + TanStack Start (SSR)
  • TanStack Query
  • Tailwind CSS 4 + Radix UI
  • React Hook Form + Zod
  • Banco Postgres com RLS, autenticação e storage
Parte pública

O que o cliente final vê

Institucional bilíngue

Home, sobre, equipe, áreas de atuação e contato duplicados em rotas em inglês, cada versão com metadados próprios.

Conteúdo / insights

Listagem e páginas individuais de publicações, com categorias e segmentos.

Comentários

Leitores comentam nas publicações e o time aprova antes de aparecer.

Área interna

O que o time gerencia por dentro

Dashboard

Visão geral de conteúdo, leads e pendências de moderação.

Conteúdo

Editor de publicações com blocos, categorias, segmentos e mídia.

Áreas de atuação

CRUD das áreas com página pública gerada automaticamente.

Equipe e páginas

Cadastro de membros e edição das páginas institucionais.

Comentários

Fila de moderação com aprovação e remoção.

Leads

Funil com estados: novo, em contato, proposta e arquivado.

Acessos

Usuários, papéis, permissões e permissão de edição por categoria de conteúdo.

Mídia

Biblioteca de uploads com proxy próprio de entrega.

As telas internas contêm dados reais de clientes, então não são publicadas aqui. A descrição acima foi levantada diretamente do código e da estrutura de dados do sistema. Demonstração ao vivo mediante conversa.

Estrutura de dados

Como a informação é organizada

Conteúdo

Posts, categorias, segmentos e blocos de conteúdo.

Pessoas

Membros da equipe e perfis de usuário.

Interação

Comentários com moderação e leads com status.

Acesso

Allowlist de logins, papéis, permissões e permissões por categoria de editor.

Migração

Tabelas de importação do site antigo para preservar acervo e autoria.

Integrações

O que conversa com o mundo de fora

Funções de servidor administrativas

Gestão de acessos, leads e permissões via funções de servidor com verificação de papel.

Proxy de mídia

Rota pública dedicada para servir imagens do acervo.

Engenharia

Decisões que fazem diferença

  • Permissão de publicação por categoria: o editor de uma área não mexe na outra
  • Allowlist de e-mails: só quem foi autorizado consegue entrar no painel
  • Bilíngue por rotas espelhadas, com conteúdo independente por idioma
  • Importação do acervo antigo mantendo URLs e autoria
Telas

Interface em funcionamento

LabSul — Áreas de atuação e navegação institucional
Áreas de atuação e navegação institucional
LabSul — Listagem de conteúdo e insights
Listagem de conteúdo e insights

Telas capturadas do ambiente no ar. Contatos, e-mails e documentos identificáveis foram desfocados antes da publicação.

Sua operação também pode virar sistema

Começa com um diagnóstico: entendemos como a empresa funciona hoje e desenhamos a solução antes de escolher a ferramenta.

Ver tudo o que desenvolvemos