pqno.app

Plataforma de links

Desenvolvi uma plataforma completa para criação, distribuição e análise de links, combinando encurtamento de URLs, Link-in-Bio, coleções, analytics, API REST e planos por assinatura em um único módulo.

A solução foi construída sobre o NoName, plataforma modular desenvolvida por mim e responsável pela infraestrutura base utilizada pelos módulos do ecossistema.

NoName: conhecer a plataforma →

Link-in-Bio como page builder

O perfil público funciona como uma composição dinâmica de blocos.

Perfil
├── Coleção
├── Link
├── Texto
├── Imagem
├── Vídeo
└── Coleção

Cada bloco possui configuração independente e pode ser reorganizado pelo usuário.

As coleções também podem trabalhar com diferentes estratégias de exibição:

Todos os links
Links fixados
Links recentes
Limite de itens
Lista ou grade

Isso permite criar páginas visualmente e funcionalmente diferentes utilizando a mesma engine de renderização.

20 modelos visuais

A plataforma possui 20 modelos, distribuídos em quatro categorias.

Cada modelo combina propriedades do próprio sistema visual:

• Fundos e gradientes
• Texturas
• Tipografia
• Cores
• Estilos de botão
• Formatos
• Composição da página

O usuário pode visualizar o resultado utilizando seu próprio conteúdo antes de aplicar qualquer alteração.

Página atual        Novo modelo
┌────────────┐     ┌────────────┐
│ conteúdo   │     │ conteúdo   │
│ real       │     │ real       │
└────────────┘     └────────────┘

Preview e página publicada utilizam a mesma engine de renderização, mantendo o resultado visual consistente entre edição e produção.

Editor visual

A personalização não se limita aos modelos prontos.

O editor permite controlar individualmente elementos como:

Fundo da página
Fundo do perfil
Gradientes
Texturas
Cores
Tipografia
Botões
Cantos
Layout
Blocos
Coleções

Os modelos funcionam como pontos de partida e continuam totalmente editáveis depois de aplicados.

Coleções inteligentes

Links podem ser organizados em coleções e utilizados em diferentes partes do perfil.

Cada coleção pode definir:

• Ordenação própria
• Links fixados
• Quantidade máxima exibida
• Itens recentes
• Disposição em lista ou grade
• Destaque visual

A fixação pertence ao relacionamento entre o link e a coleção.

Mesmo link
├── Projetos   → fixado
├── Conteúdos  → normal
└── Favoritos  → fixado

Isso permite que o mesmo conteúdo tenha comportamentos diferentes dependendo do contexto em que é apresentado.

Analytics

O produto registra e consolida acessos aos links, permitindo acompanhar:

Cliques por período
Evolução temporal
Performance individual
Ranking de links
Top Links

Os dados também são utilizados pela API e podem ter disponibilidade diferente conforme o plano contratado.

Carregamento otimizado

A página pública utiliza consultas consolidadas para recuperar coleções e seus respectivos links.

Em vez de buscar cada item individualmente, os dados necessários para a composição são carregados em conjunto e processados conforme:

Ordenação
Fixação
Recência
Limites
Layout

Essa estratégia evita padrões N+1 e mantém o carregamento previsível mesmo em páginas com diversas coleções e blocos.

Vídeos sob demanda

Blocos de vídeo aceitam conteúdos do YouTube e Vimeo.

O player não é carregado junto com a página.

Página
   ↓
Capa do vídeo
   ↓
Clique
   ↓
Player

O iframe é criado somente após interação do visitante.

Além de reduzir recursos externos durante o carregamento inicial, a integração com YouTube utiliza youtube-nocookie.com.

Planos e recursos

O produto possui três planos.

Os limites de cada plano fazem parte da própria regra de negócio.

Recurso solicitado
        ↓
   Plano atual
        ↓
Recurso incluso?
    ↙       ↘
  Sim       Não
   ↓         ↓
Executa   Mostra o plano
          que inclui

Isso permite utilizar o mesmo catálogo de recursos na interface, na API e nas validações internas.

API REST

Além da interface web, a solução oferece uma API para integração com sistemas externos.

Entre as operações disponíveis estão:

Criar links
Listar links
Consultar estatísticas
Resolver links
Resolver perfis
Resolver coleções

A autenticação suporta sessão e Bearer JWT.

Também existem cotas específicas por plano:

Pro         1.000 requests/dia
Business   10.000 requests/dia

Quando uma cota é excedida, a API utiliza respostas HTTP apropriadas, incluindo 429 Too Many Requests.

Importação e exportação

A solução possui uma camada própria de portabilidade.

JSON

Voltado para transporte completo dos dados do módulo:

Links
Coleções
Relacionamentos
Perfil
Configurações
Histórico de cliques

CSV

Voltado para criação e atualização em lote. O importador interpreta:

Código
URL
Título
Descrição
Coleção

E consegue gerar códigos ausentes, criar coleções e reconstruir automaticamente os relacionamentos necessários.

Integração com e-commerce

Os planos pagos utilizam a infraestrutura de produtos recorrentes e assinaturas disponível no NoName.

Dentro do módulo, isso se traduz em um fluxo integrado:

Plano
  ↓
Checkout
  ↓
Assinatura
  ↓
Plano ativo
  ↓
Recursos liberados

Preços também são obtidos da própria oferta cadastrada, evitando manter valores comerciais duplicados dentro da implementação da landing.

Personalização com validação

A liberdade visual da página pública não significa aceitar propriedades arbitrárias.

Configurações utilizadas na renderização passam por normalização antes de chegar ao CSS.

Valor recebido
      ↓
Normalização
      ↓
Catálogo permitido
      ↓
Renderização

Cores, texturas, formatos, posições e outras propriedades são controlados pelo próprio sistema de configuração.

Construído com NoName

Esta solução é um dos módulos desenvolvidos sobre o NoName, minha plataforma modular para construção e integração de produtos web.

O NoName fornece a infraestrutura compartilhada do ecossistema, enquanto este projeto concentra a implementação e as regras específicas de links, Link-in-Bio, coleções, analytics, API e monetização por planos.

Conhecer a arquitetura e o projeto NoName →