Aquela Internet
A Internet no dia do seu aniversário. Digite uma data e veja como estavam
Google, UOL, Globo, Wikipedia e mais — renderizados do acervo real do
Wayback Machine (Internet Archive), sem nenhuma
interface do Wayback visível.
Arquitetura
Usuário ──► Vercel (Next.js 14)
│
├─ /api/* ──► Supabase (Postgres) ← cache persistente de snapshots
│ └─► Wayback Machine CDX ← fonte real dos dados
│
├─ /[date]/card, /buscar/card ──► thum.io / Microlink ← screenshots p/ PNG
│
└─ /api/cron/daily ◄── automação externa (Python, cron local,
GitHub Actions…) ──► redes sociais
| Peça | Serviço | Plano |
|---|
| App Next.js (páginas + APIs + cards PNG) | Vercel | Hobby (grátis) |
Cache persistente (snapshots) | Supabase | Free |
| Dados históricos | Internet Archive Wayback Machine | público |
| Screenshots das páginas | thum.io → Microlink (fallback) | free tiers |
| Agendador de posts | script Python local / cron | — |
Funcionalidades
Página inicial (/)
DatePicker: campo de data (começa vazio) + campo de domínio.
Três combinações:
- Só data →
/{data} — sorteia portais aleatórios do dia.
- Data + domínio →
/{data}?site=dominio — ver regras de busca abaixo.
- Só domínio →
/buscar?site=dominio — o site através do tempo.
- Botão "🎲 Me surpreenda": data aleatória entre 2003 e hoje.
- Links para
/aniversario e /comparar.
Aniversário (/aniversario)
- Input de data de nascimento com preview ("Você tinha X anos — era a fase Y").
- Botão "🕰️ Ver minha internet" →
/{data} com a data preenchida:
a página sorteia uma amostra de até 20 portais elegíveis naquela data
e mostra só os que têm captura real — a pessoa vê vários portais e as
notícias/manchetes do dia dela. A cada visita a amostra é diferente.
Página de resultado (/[date])
- Grade responsiva com os cards dos portais sorteados, somente capturas
do dia exato pesquisado (CDX
from=to=data). Sem cards "sem registro" —
se não há captura real, o site simplesmente não aparece.
- Lista curada com ~30 portais de notícias brasileiros filtrados por
era: UOL, Globo, BOL, Folha, Estadão, Abril, VEJA, IstoÉ, Época,
CartaCapital, Valor, Extra, G1, Terra, iG, R7, Exame, Meio Bit, UAI,
Tecnoblog, Adrenaline, TecMundo, Canaltech, TechTudo, Olhar Digital, CNN
Brasil, Metrópoles, Nexo, The Intercept, Brasil 247.
A busca geral é só BR e só notícias — internacionais (BBC, NYT,
Reuters…), não-notícias (Google, YouTube, Wikipedia, Yahoo, MSN,
GeoCities) e redes sociais com login (Orkut, Facebook, Twitter/X,
Instagram) ficam como
nonNews/loginWall: fora da busca geral, mas
pesquisáveis digitando o domínio em ?site=.
- Cada card exibe: iframe da página arquivada (modo
if_, sem toolbar do
Wayback), data do snapshot, nome do site, até 4 chamadas de matéria
reais extraídas do HTML (h1–h3 + links de headline, sem o nome do
site — fallback: h1 → og:title → title → meta description), link para
abrir o snapshot completo e spinner próprio até o iframe carregar.
- A cada visita, o servidor sorteia uma amostra de até 20 sites da lista
elegível — datas revisitadas mostram combinações diferentes de portais, e
a primeira carga fica mais rápida. O cache é por
(site, data), então os
sites sorteados vão se acumulando no Supabase.
- Seleção de sites aleatória no navegador: no máximo 10 cards por vez,
sempre sites diferentes (nunca repete). O botão "🔀 Novas sugestões"
sorteia um subconjunto diferente de sites a cada clique, sem recarregar
(vale também na busca por site e nas colunas de
/comparar).
- Filtro por assunto ao vivo: campo "Filtrar por assunto…" acima da
grade casa o termo (sem acentos/maiúsculas) contra manchete, nome do
site e URL de cada card — ex.:
política, tech, futebol. Funciona
em busca geral, busca por site e /comparar.
- Selo de era ("A febre do Orkut", "Pré-história da internet"…) e banner
"📰 Manchetes do dia" (escolha determinística por data).
- Validação de conteúdo: páginas estacionadas (DomainValet, Sedo…), páginas
de erro do Wayback e HTML vazio são rejeitadas — só entra o que tem
conteúdo real.
- O botão "🎲 Outra data" preserva os parâmetros de pesquisa — numa
busca por site (
?site=), a nova data continua buscando o mesmo site.
- Botões de ação: "📸 Gerar card pra compartilhar" (todas as telas com
cards), e .
Busca data + domínio (/[date]?site=dominio.com)
Regra implementada em app/[date]/page.tsx com lib/search.ts:
- Captura NO DIA EXATO (
findExactSiteRecord, CDX from=to=data)
→ 1 card só, com a captura daquele portal naquele dia.
- Sem captura no dia exato → vários cards do mesmo domínio em datas
próximas (
searchSiteWindow, janela de ±30 dias, até 8 capturas
validadas). Título vira "dominio.com em datas próximas" e cada card
mostra selo "Fora da data pesquisada" com a distância em dias.
- Sem nenhuma captura em ±30 dias → aviso de que o site não tem
capturas no acervo.
- Capturas de login são aceitas (diferente da busca geral).
- O botão de share respeita o caso: captura exata →
/{data}/share?site=;
fallback → /buscar/share?site=&date= (mesma janela, card do registro
exibido).
Timeline do domínio (/buscar?site=dominio.com)
- Domínio sem data → o site "através do tempo": uma captura por época,
em âncoras espaçadas ~3 anos (2002→hoje), cada card com a data da sua
própria captura (
searchSiteTimeline + closestSnapshotRecord).
This is the beginning of the README. Read the rest at the original. Read the full README ↗
