Produto DigitalEm Produção2026

QRPronto

Gerador de QR Code grátis no navegador — e um painel de QR dinâmico com destino editável

React 19Vite 7TypeScriptReact Router 7NestJS 11Node.js
Roda emGerador grátis (web)Painel do QR dinâmicoAPI pública REST
qrpronto.com
tipos de QR Code, do PIX ao Wi-Fi
17
dados enviados ao servidor no gerador grátis
0
modelos no banco do QR dinâmico
11
idiomas: português, inglês e espanhol
3

01

Visão Geral

O QRPronto começa como ferramenta grátis: o visitante escolhe entre 17 tipos de QR Code (URL, PIX, Wi-Fi, vCard, WhatsApp, evento, cripto, redes sociais…), personaliza cor, estilo dos pontos, borda, centro, gradiente e logo central, e baixa em PNG, SVG ou PDF. Nada disso passa por servidor — o payload é montado e o código é desenhado no próprio navegador com qr-code-styling, então não há cadastro, não há expiração e não há dado do usuário trafegando. Quem precisa de mais entra na segunda metade do produto: o QR dinâmico. Ali o código impresso aponta para um link curto do QRPronto, e o destino é editado pelo painel — com histórico de cada troca, contagem de escaneamentos por dia, aparelho e país, campanhas para consolidar vários códigos, regras de redirecionamento por país, aparelho ou horário, testes A/B, webhooks e uma API pública com chave. O painel fala com uma API NestJS + Prisma, assinatura pela Stripe e eventos de escaneamento em tempo real por Socket.IO.

Meu papel

Desenvolvimento completo do produto: front-end React, API NestJS, modelagem Prisma, motor de redirecionamento e analytics, assinatura com Stripe, i18n, SEO e deploy.


Categoria

Produto Digital

Ano

2026

Status

Em Produção

Plataformas

Gerador grátis (web)Painel do QR dinâmicoAPI pública REST

O gerador grátis não fala com servidor nenhum: é só o navegador. O QR dinâmico é outra história — o painel conversa com uma API NestJS, que guarda tudo no Prisma e responde também pelo link curto que o código impresso aponta.

React 19 + Vite

Vercel

qr-code-stylingjsPDFi18nextdriver.js

API NestJS 11

Railway

JWT + PassportThrottlerSocket.IOStripe

Prisma + PostgreSQL

11 modelos

Organização e planosCódigos e escaneamentosCampanhas e testes A/BWebhooks e chaves

Motor de redirecionamento

o que roda no scan

geoip-liteua-parser-jsIP só como hash302 sem esperar o log

Sincronização: O que é gratuito não depende de infraestrutura: um QR estático gerado no navegador continua funcionando mesmo que o serviço saia do ar.


02

O Problema

QR Code em material impresso é uma decisão irreversível: a URL fica gravada no papel. Se o cardápio muda de endereço, se a promoção acaba, se o link quebra, todo o material vira lixo. E do outro lado há o problema oposto — quem só quer um QR simples para o Wi-Fi ou para o PIX é obrigado a criar conta em serviço que expira o código depois de alguns dias ou coloca marca d'água.

03 — A Solução

Atender os dois casos com o mesmo produto. O gerador estático resolve o uso simples de graça e sem cadastro, processando tudo no navegador. O QR dinâmico resolve o impresso: o código aponta para um link curto e o destino é trocado pelo painel, com histórico, métricas de escaneamento e regras condicionais — sem reimprimir nada.


04

Por dentro do produto

O sistema em funcionamento, gravado da aplicação real com uma loja de demonstração — nenhuma tela é mockup.

01

Gerador

Do campo vazio ao PNG, sem sair da tela

Formulário à esquerda, código à direita, atualizando a cada tecla. Escolhe o tipo, digita, muda a cor, troca o formato dos pontos, aplica um gradiente, solta um logo no meio e baixa. Não há botão de gerar, nem passo seguinte, nem cadastro no fim.

  • Tudo desenhado no navegador com qr-code-styling
  • Com logo central, a correção de erro sobe sozinha para H
  • Histórico local dos últimos códigos gerados
Gerador
02

Tipos

Dezessete tipos — e cada um com o formulário certo

PIX pede chave, recebedor, cidade e valor, e monta um BR Code válido. Wi-Fi pede rede, segurança e senha. vCard pede nome, empresa, cargo e telefone. O tipo não muda só o placeholder: muda o payload que vai dentro do código.

  • PIX, Wi-Fi, vCard, evento e cripto com campos próprios
  • Atalhos para Instagram, TikTok, YouTube, Spotify e LinkedIn
  • Uma página de SEO dedicada para cada tipo
Tipos
03

Saídas

PNG, SVG, PDF — e o material já diagramado

Além dos três formatos e do copiar para a área de transferência, há cinco templates de impressão que saem em PDF no tamanho certo: cartão de visita, etiqueta, folha A4 com nove códigos, display de mesa de restaurante e pôster A3. Para impressão, o código é regerado com correção alta.

  • SVG vetorial para quem vai levar à gráfica
  • Folha A4 com 9 cópias para recortar
  • Display de mesa e pôster A3 prontos
Saídas
04

QR dinâmico

O papel continua igual, o destino muda

É o motivo do produto existir. O código impresso aponta para um link curto do QRPronto; o destino é trocado pelo painel em segundos. O histórico guarda cada alteração com a URL anterior riscada, a nova, a data e quem fez — porque num cardápio impresso em mil folhetos isso é uma decisão com consequência.

  • Link curto gerado com nanoid, único por código
  • Histórico de alterações com autor e data
  • Contador de leituras ao vivo por Socket.IO
QR dinâmico
05

Regras

O mesmo código levando cada pessoa a um lugar

As regras são lidas como frases: se o país é BR, vai para o cardápio em português; se o aparelho é desktop, vai para o PDF; se passou das 18h, vai para o menu noturno. O motor avalia na hora do escaneamento, junto com teste A/B e UTM automático, e só então devolve o 302.

  • Condições por país, cidade, aparelho, sistema, hora e volume
  • Teste A/B com pesos e leituras por variante
  • UTM aplicado no destino sem sobrescrever o que já existe
Regras
06

Integrações

Campanhas, webhooks e uma API com chave

Campanhas somam vários códigos num painel só — total de leituras, países e quanto veio de celular. Os webhooks disparam a cada escaneamento, com assinatura e histórico de entregas (inclusive as que falharam). E a API pública permite criar e listar códigos por X-API-Key, para quem quer gerar QR direto do próprio sistema.

  • Campanha com números consolidados dos seus códigos
  • Webhook assinado, com status e tempo de cada entrega
  • Chave de API com prévia, último uso e revogação
Integrações
07

Interface

Tema escuro, três idiomas, atalhos e um tour

O gerador inteiro tem tema escuro, e a interface está em português, inglês e espanhol com i18next. Há atalhos de teclado para os tipos mais usados e um tour guiado com driver.js para quem abre a ferramenta pela primeira vez e não sabe por onde começar.

  • Tema claro e escuro em todas as telas
  • pt-BR, inglês e espanhol trocados na hora
  • Tour guiado no botão de ajuda
Interface

05

8 fluxos em vídeo

Cada vídeo mostra uma tarefa completa, de ponta a ponta. Clique para assistir com controles.


06

Funcionalidades Principais

01

17 tipos de QR Code, sem cadastro

URL, texto, WhatsApp, telefone, SMS, e-mail, vCard, Wi-Fi, localização, evento, cripto, PIX e os atalhos de Instagram, TikTok, YouTube, Spotify e LinkedIn. O PIX gera um BR Code válido com chave, recebedor, cidade, valor e identificador.

02

Tudo no navegador

O payload é montado e o código desenhado no próprio dispositivo com qr-code-styling — nenhum dado é enviado a servidor. Sem cadastro, sem expiração, sem marca d'água, e o código continua funcionando para sempre porque não depende de nenhum redirecionamento.

03

Estúdio de personalização

Cor e fundo, seis estilos de ponto, quatro de borda, dois de centro, gradientes prontos ou personalizados e logo central (próprio ou de uma galeria de 15). Ao colocar um logo, o nível de correção de erro sobe sozinho para H, para o código continuar legível.

04

QR dinâmico com destino editável

O código impresso aponta para um link curto; o destino é trocado pelo painel a qualquer momento, com histórico de cada alteração — quem mudou, quando, de qual URL para qual. O papel continua o mesmo.

05

Escaneamentos, campanhas e regras

Cada leitura registra aparelho, sistema, navegador, país e cidade (IP guardado só como hash), com UTM opcional. Campanhas consolidam vários códigos num número só, e as regras mandam o mesmo QR para destinos diferentes conforme país, cidade, aparelho, sistema, horário ou volume de leituras.

06

Webhooks, API pública e planos

Webhook a cada escaneamento com assinatura e histórico de entregas, API REST por chave (X-API-Key) para criar e listar códigos, e assinatura pela Stripe com quatro planos, limites por plano e portal de cobrança.


07

Telas do sistema

Capturas reais do produto, organizadas por módulo. Clique em qualquer tela para ampliar.

Formulário à esquerda, código à direita, sem passo intermediário
Os dezessete tipos de QR Code numa grade só
O código aparece enquanto se digita
Seis estilos de ponto, quatro de borda e dois de centro
Gradientes prontos ou montados à mão
Logo no centro e a correção de erro subindo sozinha para H
Tamanho de 128 a 2048 px, margem e nível de correção
Cartão, etiqueta, folha A4, mesa de restaurante e pôster A3
Os últimos códigos gerados, guardados no próprio navegador
Atalhos para os tipos mais usados
A ferramenta inteira em tema escuro
PIX com chave, recebedor, cidade e valor — BR Code válido

08

No celular

No celular o gerador vira duas abas — conteúdo e design —, e o design se divide em estilo, logo, configurações e templates. O código fica sempre visível no topo, atualizando enquanto se digita. O painel do QR dinâmico segue junto, em cartões.

Gerador
Tipos
Código pronto
Design
Logo
Configurações
Templates
Página de PIX
Planos
Painel
Campanhas
API
Entrar

09

Tecnologias

Front-end

React 19Vite 7TypeScriptReact Router 7

Back-end

NestJS 11Node.jsPrisma 5

Banco de Dados

PostgreSQL (produção)SQLite (desenvolvimento)

Deploy

VercelRailwayCloudflare DNS

Integrações

StripeResendSocket.IOgeoip-lite

Bibliotecas

qr-code-stylingjsPDFi18nextdriver.jsreact-colorfulJSZip

10

Decisões de Design

A tela do gerador é uma só: formulário à esquerda, código à direita, atualizando a cada tecla — sem passos, sem assistente, sem botão de gerar. O painel do QR dinâmico é deliberadamente o oposto: uma lista de cartões com o número de leituras e o destino atual em destaque, porque quem abre o painel quer justamente conferir ou trocar o destino. Teal e esmeralda sobre fundo claro, com tema escuro completo, três idiomas e um tour guiado para quem chega perdido.

11

Desafios Técnicos

O motor de redirecionamento precisa fazer muita coisa sem atrasar quem escaneou: achar o código curto, registrar a leitura com aparelho, navegador e geolocalização, avaliar teste A/B e regras condicionais, aplicar UTM e disparar webhooks. A gravação do escaneamento, o incremento do contador e os webhooks saem do caminho crítico — são disparados sem bloquear —, e o visitante recebe o 302 assim que o destino é resolvido.


12

Resultados

  • Produto no ar em qrpronto.com, com o gerador grátis aberto e sem cadastro
  • Dois modelos no mesmo produto: ferramenta gratuita como porta de entrada e assinatura para o QR dinâmico
  • 17 páginas de SEO por tipo de código e um blog com 8 artigos alimentando a busca orgânica

13

Aprendizados

  • Processar tudo no navegador é argumento de venda, não só arquitetura: 'seus dados não saem do seu aparelho' resolve a objeção de quem gera QR de PIX e de Wi-Fi
  • QR Code é um problema de correção de erro: ao inserir um logo central o nível precisa subir para H, senão o código passa a falhar em leitores ruins — o app faz isso sozinho
  • Um link curto é a única parte que precisa ser eterna: o QR aponta para ele e o destino vira dado editável, com auditoria de cada troca
  • Regra condicional de redirecionamento é fácil de escrever e difícil de explicar — a interface precisa ler como uma frase: se país é igual a BR, redirecionar para…