BeBitter

Portfólio de Bernardo Gomes
React 19, TypeScript, Vite 8 e foco em performance, segurança e SEO.

Visão geral

BeBitter é o portfólio público de Bernardo Gomes. O projeto entrega uma homepage modular, páginas de serviços e atualizações pessoais, catálogo de projetos integrado ao GitHub e páginas detalhadas por repositório.

O stack principal usa React 19, TypeScript, Vite 8, Tailwind CSS 4, Radix UI e TanStack Query. Em produção, o build gera sitemap automaticamente, aplica inlining de CSS crítico, gera assets comprimidos em gzip e Brotli e publica dist/ na Hostinger via SSH com backup remoto e verificação HTTP.

Preview

Home · light · pt-BR	Home · dark · pt-BR
Now · light · pt-BR	Now · dark · en

O que este repositório cobre

• Site público com rotas /, /projects, /services e /now.
• Páginas de projeto alimentadas pela API do GitHub com cache no cliente.
• Pipeline de qualidade com lint, test, build, CodeQL e Dependency Review.
• Sanitização do HTML vindo dos READMEs do GitHub antes da renderização.
• Deploy para Hostinger com rsync, backup remoto e checagem pós-publicação.

Stack

Área	Ferramentas
Frontend	React 19, React Router 7, TypeScript 5.9
UI	Tailwind CSS 4.2, Radix UI, shadcn/ui, Framer Motion
Dados	TanStack Query, React Context, GitHub REST API
Formulários	React Hook Form, Zod
Qualidade	ESLint 10, Vitest 4, Testing Library, CodeQL
Build	Vite 8, Critters, gzip, Brotli
Deploy	SSH + rsync para Hostinger

Rotas e sitemap

O sitemap é gerado por pnpm sitemap:gen durante o build e publica as rotas principais do site e as páginas individuais de projetos. As rotas públicas base são:

Rota	Papel	Prioridade
/	Landing page principal	1.0
/projects	Catálogo de projetos	0.9
/services	Página comercial	0.9
/now	Atualizações correntes	0.8

O detalhe das URLs geradas está em docs/routes-and-sitemap.md.

Rodando localmente

pnpm install
cp .env.example .env.local
pnpm dev

Validações úteis:

pnpm ci:check
pnpm security:audit
pnpm build

Deploy

O deploy padrão publica dist/ na Hostinger via SSH.

cp .env.deploy.example .env.deploy
pnpm deploy:hostinger -- --dry-run
pnpm deploy:hostinger

Checklist completa em DEPLOY-CHECKLIST.md.

Documentação

• docs/README.md - índice da documentação
• docs/technical-overview.md - arquitetura, stack e automação
• docs/routes-and-sitemap.md - rotas públicas e estrutura do sitemap
• SECURITY.md - postura de segurança e hardening
• PERFORMANCE-OPTIMIZATION.md - estratégia de performance
• SEO-CHECKLIST.md - itens de SEO e indexação
• scripts/README.md - scripts de build, deploy e otimização

Contato

• Site: bebitterbebetter.com.br
• GitHub: @bernardopg
• LinkedIn: bernardopg
• Email: bernardo.gomes@bebitterbebetter.com.br

Licença

Distribuído sob a MIT License.