cuzinho.dev

A metodologia ágil brasileira pra entregar software no último segundo.

cuzinho.dev é o site oficial da Metodologia No Cuzinho: um manifesto e um kit de sobrevivência pra quem sobe na sexta às 17:59 e dorme tranquilo.

Tem versão em inglês também (seletor PT / EN na navbar ou ?lang=en), porque gringo também entrega no cuzinho. Ele só não sabe que tem nome.

A home ainda tem o contador regressivo pra sexta 17:59 e o axioma do dia, que é o mesmo pra todo mundo.

Se o seu repositório segue a metodologia, avise a comunidade:

[![deploy: no cuzinho](https://img.shields.io/badge/deploy-no%20cuzinho-d6331f)](https://cuzinho.dev)

Precisa de Node 22 (tem .nvmrc).

npm install
npm run dev       # http://localhost:5173
npm run build     # tsc + vite, gera o dist/
npm run preview   # serve o dist/ local

Não tem testes. Seguindo o axioma 3, o usuário final é a melhor suíte de testes já criada, e ainda é de graça. Mas rode o npm run build antes de abrir PR, porque o TypeScript pega muita coisa.

PRs são bem-vindos. Sem review, claro. O jeito mais fácil de contribuir é com piada nova.

Todo o conteúdo fica em dois arquivos:

• src/data.ts: português
• src/data.en.ts: inglês

Regra de ouro: os dois arquivos são espelhos. Cada lista tem que ter a mesma quantidade de itens, na mesma ordem. É isso que faz /manifesto#a5 apontar pro mesmo axioma nas duas línguas e a cartela do bingo trocar de idioma sem perder as marcações.

Então, se adicionar um axioma no fim de AXIOMS em data.ts, adicione a versão em inglês no fim de AXIOMS em data.en.ts. Se não souber escrever em inglês, abra o PR mesmo assim e avise na descrição.

Algumas dicas:

• Localize, não traduza. A piada tem que funcionar pra quem nunca sentou numa daily brasileira. "Daily" vira "standup", "fix: pqp" vira "fix: ffs", futebol vira basquete.
• Não reordene nem remova itens do meio das listas. Isso quebra links de axiomas já compartilhados e cartelas de bingo salvas. Adicione no fim.
• Contagens como "33 axiomas" saem de AXIOMS.length. Não precisa atualizar texto nenhum.

1. Crie o componente em src/pages/, com os textos da interface num translations(pt, en) (veja Desculpas.tsx como modelo).
2. Se a página tiver listas de conteúdo, coloque nos dois data*.ts e inclua no tipo Content em src/i18n.ts.
3. Registre a rota em ROUTES e no menu (NAV + nav nas duas línguas) em src/App.tsx.
4. Adicione o card em PAGES e nas duas versões de pages em src/pages/Home.tsx.

React 19 + TypeScript + Vite, sem framework de roteamento nem de i18n: os dois foram feitos na mão, em poucas linhas, em cima de useSyncExternalStore.

src/
├── App.tsx         # layout, navbar, rotas
├── router.tsx      # roteador mínimo (history API)
├── i18n.ts         # idioma atual: ?lang= → localStorage → PT
├── data.ts         # conteúdo em português
├── data.en.ts      # conteúdo em inglês (espelho do data.ts)
├── share.ts        # links do site, postar no X, sorteio
├── toast.tsx       # copiar pro clipboard + aviso na tela
├── certImage.ts    # gera a imagem do certificado em canvas
├── time.ts         # contador pra sexta 17:59
├── components/     # Logo, PageHead
└── pages/          # uma página por rota

O site roda como um Cloudflare Worker servindo os arquivos estáticos do dist/. As rotas do cliente (/manifesto, /bingo…) caem no index.html (veja wrangler.jsonc).

npm run deploy

De preferência numa sexta, às 17:59.

WTFPL: faça o que você quiser. Ninguém solta o cuzinho de ninguém.