Construindo o SITEHUB, meus projetos astrojorn/gg e /vibing

Um site que também é um registro

O SiteHUB não é só uma vitrine. Ele é o lugar onde os projetos se encontram e onde o processo de construir cada um fica visível. A ideia é simples: ter uma casa para lives, jogos, textos, experimentos com IA e notas que ainda estão ganhando forma.

O desenvolvimento acontece em Astro com Cloudflare Workers. O site usa renderização no servidor, Content Collections para conteúdo versionado e KV para conteúdo publicado pelo dashboard. Isso permite manter páginas rápidas sem transformar cada alteração pequena em um projeto separado.

Astrojorn[gg]: lives, jogos e presença

/gg é a página do Astrojorn. Ela junta os canais de livestream, redes sociais, calendário, jogos jogados e textos publicados.

O hero atual virou um experimento de tipografia: ASTROJORN[gg] é composto por camadas de texto em CSS 3D, uma grade violeta que se move no fundo e partículas que aparecem no hover. O objetivo não era apenas fazer um logo animado, mas dar ao nome a mesma sensação de interface viva que existe nas lives e nos jogos.

Na página também estão os blocos de YouTube, Twitch, Kick, redes sociais, catálogo de jogos, setup e histórico de lives. A integração de status ao vivo usa o Worker para atualizar os dados sem depender de uma página estática ou de atualização manual constante.

/vibing: fragmentos antes de virarem artigo

/vibing é o contraponto do hub de lives. Em vez de organizar uma presença pública pronta, ele registra conexões: IA, código, Zettelkasten, decisões de design e ideias que ainda não têm conclusão.

A capa é uma rede de partículas em canvas sobre uma grade contínua. Não é só decoração: ela representa o grafo de notas e projetos que vai se formando com o tempo. O texto de abertura também funciona como uma pequena assinatura do projeto: conectar fragmentos do cosmos e construir novos mundos.

Cada entrada pode ser um post longo ou uma nota rápida. As versões em português e inglês compartilham a mesma URL, e o dashboard permite publicar, editar, categorizar e diferenciar os dois formatos.

IA como ferramenta de construção

IA entra aqui como ferramenta de conversa e iteração. Ela ajuda a testar hipóteses de interface, encontrar inconsistências, escrever estruturas iniciais e revisar detalhes. Mas o site não é uma saída automática: cada decisão passa por contexto, teste visual e ajuste.

Vibecoding, neste caso, é trabalhar rápido sem abandonar a intenção. É transformar uma ideia em algo que pode ser visto, criticado e melhorado antes que ela esfrie.

O que existe por enquanto

Por enquanto, a base é essa: o SiteHUB como infraestrutura, Astrojorn[gg] como espaço para lives e jogos, e /vibing como log de construção. Os três lados compartilham a mesma casa, mas cada um tem sua própria linguagem visual e função.

O próximo passo não precisa ser grandioso. Basta continuar registrando, conectando e construindo.