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.

• 🌐 Produção: https://aquelainternet.vercel.app
• 📦 Código: https://github.com/synapsecodeonline/aquelainternet (deploy automático na Vercel)

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).

以上为 README 的开头部分。其余内容请阅读原文。 查看完整 README ↗