Novelo Social — Cliente Mobile-First para a rede descentralizada Bluesky
Role: Product Design / Frontend Development
Type: Projeto independente
Platform: Web / PWA Stack: React, TypeScript, ATProto
Focus: Mobile-first, Open Social Networks
--
O Novelo Social é um cliente não oficial desenvolvido para a rede social descentralizada Bluesky. O projeto surgiu da necessidade de explorar novas formas de interação com o protocolo ATProto, priorizando uma experiência mobile-first e um desenvolvimento aberto à comunidade.
Diferente de plataformas tradicionais centralizadas, a Bluesky propõe um ecossistema mais aberto, onde aplicações podem ser construídas sobre o mesmo protocolo social. Nesse contexto, o Novelo Social foi criado como um experimento de produto e engenharia: um cliente moderno, rápido e flexível, alinhado com os princípios de redes abertas.
O objetivo do projeto foi desenvolver uma aplicação que combinasse boa experiência de uso, arquitetura escalável e filosofia open source, explorando ao mesmo tempo conceitos de design de produto e engenharia frontend
A Bluesky vem se consolidando como uma alternativa às redes sociais tradicionais, baseada no protocolo ATProto, que permite que diferentes aplicações interajam com a mesma infraestrutura social.
Isso abre espaço para o desenvolvimento de clientes alternativos que podem explorar novas abordagens de interface, funcionalidades e performance.
O Novelo Social foi concebido como um desses clientes: uma aplicação focada em simplicidade, fluidez e experiência mobile.
Arquitetura e tecnologia
O projeto foi desenvolvido com uma stack moderna voltada para aplicações web performáticas.
A base técnica inclui:
React + TypeScript
arquitetura mobile-first
gerenciamento de estado com Redux ou Zustand
estilização com CSS-in-JS ou Tailwind
integração com a API do Bluesky (ATProto)
Todo o código foi planejado para ser open source, com licenciamento MIT/Apache 2.0, permitindo colaboração da comunidade e reutilização da arquitetura em outros projetos.
Funcionalidades principais
O objetivo inicial do projeto foi implementar as funcionalidades essenciais para uma experiência completa dentro da rede Bluesky.
Entre elas estão:
Autenticação
O sistema permite login diretamente via ATProto, incluindo suporte a troca de contas.
Isso possibilita que usuários utilizem diferentes identidades dentro da rede sem fricção.
Feed e descoberta de conteúdo
A interface inclui múltiplas formas de navegar pelos conteúdos da rede:
feed principal
descoberta de posts
feeds personalizados
interações como curtidas, respostas e reposts
No desktop, o usuário pode configurar múltiplos feeds simultâneos utilizando um sistema de arrastar e soltar.
Sistema de mensagens
O projeto também implementa suporte a mensagens diretas, utilizando os recursos disponíveis dentro do protocolo da rede.
Isso permite comunicação privada entre usuários diretamente dentro da aplicação.
Perfil de usuário
O perfil permite personalização completa das informações da conta:
edição de bio
alteração de avatar
ajustes de privacidade
configurações de conta
Esses elementos ajudam a manter a experiência consistente com outras aplicações do ecossistema Bluesky.
Perfil de usuário
O perfil permite personalização completa das informações da conta:
edição de bio
alteração de avatar
ajustes de privacidade
configurações de conta
Esses elementos ajudam a manter a experiência consistente com outras aplicações do ecossistema Bluesky.
Notificações
O sistema de notificações apresenta interações relevantes em tempo real, como:
curtidas
respostas
novos seguidores
menções
Indicadores visuais ajudam o usuário a identificar novas atividades rapidamente.
Estratégia mobile-first
O design do Novelo Social foi pensado desde o início para priorizar dispositivos móveis.
A interface foi construída com breakpoints responsivos, garantindo uma experiência consistente em diferentes tamanhos de tela.
Componentes foram projetados com foco em:
gestos de toque
navegação fluida
interações rápidas
Além disso, a aplicação funciona como um PWA (Progressive Web App), permitindo instalação direta no dispositivo.
Landing page e comunidade
O projeto também inclui uma landing page dedicada, com o objetivo de apresentar a aplicação e reunir uma base inicial de usuários interessados.
A página oferece:
apresentação das principais funcionalidades
link para o repositório open source
captura de e-mails para lista de espera
integração com ferramentas de gestão de leads
Isso permite validar interesse da comunidade antes de um lançamento mais amplo.
Próximos passos
O Novelo Social demonstra como aplicações modernas podem ser construídas sobre protocolos sociais abertos.
O projeto combina design de produto, arquitetura frontend e filosofia open source, explorando novas possibilidades dentro do ecossistema Bluesky.
Entre os principais resultados do projeto estão:
implementação de um cliente funcional para a rede Bluesky
arquitetura moderna baseada em React e TypeScript
experiência mobile-first com suporte a PWA
base aberta para colaboração da comunidade
Mais do que apenas um cliente alternativo, o Novelo Social funciona como um experimento sobre o futuro das redes sociais abertas e interoperáveis.
O Novelo Social não é apenas um cliente alternativo, mas um experimento que me permitiu desenvolver expertise em protocolos sociais abertos que é uma área emergente que está redesenhando o futuro das redes sociais e a relação entre plataforma e usuário.
Conheça meu trabalho
