# HughMob

> Portal de notícias da Hugh Mob, coletivo de trap de Salvador, com painel da equipe e anúncios próprios.

## Ficha do projeto

**Ano:** 2026

**Categoria:** Empresarial

**Tecnologias:** Node.js, Next.js, TypeScript, Tailwind CSS, PostgreSQL

## Sobre o projeto

A Hugh Mob é um coletivo de trap de Salvador, e o site é o portal de notícias do movimento: rap nacional, cena internacional e eventos, com matérias em português e, quando a equipe quiser, também em inglês. A home monta a capa sozinha a partir das publicações mais recentes, com destaque, laterais e a seção em alta.

Por trás do site tem um painel para a equipe, com login próprio. Nele a equipe escreve, edita, publica e arquiva matérias, gerencia os membros e os anúncios. Cada ação importante (login, publicação, edição, exclusão, criação de anúncio) fica registrada num log de auditoria com autor, IP e navegador, que a própria equipe consulta no painel.

Os anúncios foram pensados para sustentar o portal. Cada espaço da página (faixa da home, lateral do destaque, entre os cards de notícias e o fim da matéria) pode receber um anúncio próprio, com período de veiculação e contagem de impressões e cliques. Quando não há anúncio próprio no espaço, entra um bloco do Google AdSense no lugar, e uma falha nos anúncios nunca derruba a página de notícias.

Segurança foi tratada desde o começo: o conteúdo das matérias é sanitizado antes de ser salvo, as entradas das APIs são validadas com Zod, senhas usam bcrypt, login e APIs têm rate limit com Upstash Redis, e cada resposta sai com cabeçalhos de segurança e uma Content Security Policy com nonce, que só abre o necessário para o AdSense nas páginas públicas. O back-end usa PostgreSQL com Prisma, cache das matérias em Redis e testes com Vitest.

## Páginas deste site

- [Início](https://caiothedev.com): Engenheiro de Software, Desenvolvedor FullStack e UX/UI.
- [Sobre](https://caiothedev.com/about): Quem é Caio Oliveira: trajetória, interesses e as tecnologias que uso no dia a dia.
- [Cases](https://caiothedev.com/works): Cases e projetos de Caio Oliveira — sites, sistemas web, aplicativos, APIs, interfaces UI/UX e identidade visual.
- [Serviços](https://caiothedev.com/services): Todos meus serviços de desenvolvimento web, arquitetura de software, design de interfaces e outros.

---

[Versão HTML](https://caiothedev.com/works/hughmob)

Toda página daqui também responde a `Accept: text/markdown` e ao mesmo caminho com o sufixo `.md`.