Pular para o conteúdo

Template white-label de app sob medida

Esqueleto reutilizável de app (Android, iOS e web) com reducer testado, config de marca única e guia de rebrand embutido. Ferramenta interna pra sair um app novo pra cliente mais rápido, não é produto de cliente.

Ver online2026-09-06
React NativeExpoTypeScriptTemplate

Visão geral

Depois de construir três apps separados (agendamento, pedido direto, cartão fidelidade), o mesmo padrão de arquitetura se repetiu nos três. Este template extrai esse padrão já validado num esqueleto reutilizável: reducer puro testado, Context em cima do reducer, tema derivado de uma única configuração de marca, e uma máquina de status com estados terminais.

Não é entrega de cliente, é ferramenta interna: serve pra sair um app novo mais rápido, editando um arquivo de marca em vez de recomeçar a arquitetura do zero.

Como funciona o white-label

Um único arquivo (src/config/marca.ts) concentra nome do app, cor primária, número de WhatsApp e o nome do que o app gerencia. O resto do código lê dessas configurações, não tem cor nem texto de marca espalhado pelos componentes. O próprio app tem uma aba "Guia" com o passo a passo de como adaptar pra um cliente novo.

Stack

React Native com Expo e TypeScript, um único código rodando em Android, iOS e também exportado pra web (o link "Ver online" acima é essa versão web, com a máquina de status pendente → em andamento → concluído/cancelado já funcionando de exemplo).