DevQuestPROEstudos de Código
IntermediáriofullstackEstimativa: ~16 horas de dedicação

Micro-SaaS Encurtador de URLs & QR Code

Sistema completo onde usuários geram links curtos amigáveis, visualizam gráficos de cliques por país/dispositivo e exportam QR Codes customizados prontos para impressão.

Stack:Next.js App RouterNeon PostgresDrizzle ORMQRCode.jsTailwind
Funcionalidades Requeridas

O que o seu projeto final precisa conter para ser considerado concluído:

  • Geração de slugs alfanuméricos curtos aleatórios ou personalizados
  • Redirecionamento ultraveloz para a URL original
  • Painel com total de cliques, referrers e navegadores
  • Gerador de QR Code com download em PNG/SVG
Conhecimentos Pré-requisitos

Recomendamos dominar os seguintes tópicos antes de iniciar a codificação:

  • Redirecionamentos HTTP 301 vs 302
  • Headers de User-Agent e IP
  • Modelagem de dados analíticos

Submeta o seu Repositório

Concluiu o projeto Micro-SaaS Encurtador de URLs & QR Code? Envie o link do GitHub para registrar no seu portfólio.

Roteiro de Implementação Passo a Passo

Siga as etapas recomendadas, abra as dicas práticas e marque conforme for progredindo.

Progresso do Projeto(0/3 etapas concluídas)
0%
Etapa 1

Rota de Redirecionamento

Crie a rota dinâmica /[code] com busca indexada no Postgres.

Etapa 2

Coleta de Telemetria

Grave registros de cliques com timestamp e metadados no Neon.

Etapa 3

Dashboard com Gráficos

Construa gráficos de acessos ao longo do tempo para o usuário.