A RD Consultoria Financeira organiza o financeiro de pequenas e médias empresas num programa de seis meses, conduzido pelo contador Carlos Alberto Ribeiro dos Santos. O projeto junta o site institucional, com páginas de serviço e blog, e um painel interno com CRM dos contatos e gestão de posts. Foi feito por André Gomes, da NexiaLabs, em Next.js 15 com MariaDB, na hospedagem Hostinger.
O cliente
A RD atende dono de empresa que fatura, mas não consegue explicar para onde foi o dinheiro no fim do mês. O trabalho do Carlos é presencial e contínuo: doze encontros em seis meses, até a rotina financeira rodar sem ele. O público valoriza clareza e desconfia de economês. A consultoria precisava de um site que falasse a língua desse dono de empresa e de um lugar para receber e acompanhar os pedidos de conversa.
O desafio
Consultoria financeira é um serviço invisível: o cliente não vê o produto antes de comprar. O site precisava mostrar, em poucos segundos, o problema que o dono de empresa sente e o que muda depois do trabalho. Atrás do site, a equipe precisava ver cada contato, mudar o status e publicar conteúdo sem depender de programador. Tudo isso numa hospedagem compartilhada, com pouca memória por conta e banco de dados da própria hospedagem.
O que foi construído
André abriu a home com um dado de fonte pública, citado na própria página, e com um exemplo de fechamento do mês que mostra a linha que importa: quanto sobrou. Em seguida vêm as dores em linguagem de dono, as quatro fases do programa, cinco páginas de serviço e o Carlos falando em primeira pessoa. O formulário de contato grava direto no banco, e o painel em /admin traz um CRM com busca sem acento, filtro e troca de status. O mesmo painel publica posts com capa ou vídeo, convertendo a capa para WebP no envio. Rotas ainda sem conteúdo ficam fora dos menus até estarem prontas, para o visitante nunca cair numa página vazia.
O que o sistema faz
Home com dados do Sebrae, do IBGE e da Serasa citados com fonte e um exemplo de fechamento do mês.
Cinco páginas de serviço: fluxo de caixa, precificação, separação PF e PJ, relatórios gerenciais e consultoria contínua.
Formulário de contato com validação no servidor, proteção contra envio duplicado e isca contra robô.
CRM no painel com busca automática sem acento, filtro por status e troca de status gravada no banco.
Blog gerenciado no painel, com capa convertida para WebP em duas larguras e vídeo enviado ou do YouTube.
Login por email e senha protegendo todo o painel, conferido contra o banco antes de cada tela.
SEO com metadata por página, canonical, sitemap, robots e dados estruturados de organização, artigo e trilha.
// Para quem avalia o código: arquitetura e decisões.
Por dentro
Next.js
React
TypeScript
Tailwind CSS
MariaDB
Zod
Sharp
Hostinger
Um único projeto Next.js 15 com App Router cobre o site e o painel, com React 19, TypeScript e Tailwind CSS 4 com tokens no CSS global. O painel fica num grupo de rotas próprio, com o login fora da casca, e as gravações acontecem em server actions validadas com Zod. O banco é o MariaDB da própria Hostinger, acessado com mysql2; a autenticação é própria, com hash scrypt e sessão em tabela, e os arquivos enviados ficam em disco. O build acontece na máquina de desenvolvimento e sobe por SSH, e o Node roda na hospedagem compartilhada pelo Passenger. Sem as variáveis do banco, o site continua de pé e o painel avisa o que falta configurar.
Decisões técnicas
Banco na própria hospedagem em vez de serviço externo gratuito, para não correr o risco de o projeto ser pausado por pouco tráfego e derrubar o formulário.
Build local e envio por SSH, porque um build dentro da hospedagem compartilhada seria interrompido por falta de memória e uma falha de compilação nunca chega ao site no ar.
Site e painel no mesmo projeto, para uma empresa pequena manter um código só.
Links do menu e do rodapé só aparecem quando a rota está marcada como pronta, evitando página vazia.
Seu negócio parece com esse?
Consultores, contadores e escritórios de serviço que precisam explicar um trabalho intangível e acompanhar quem pediu contato.
RD Consultoria Financeira foi desenvolvido por André Gomes Andrade, desenvolvedor full stack de Carlos Chagas, Minas Gerais, pela NexiaLabs, do planejamento à publicação.
Onde fica o cliente de RD Consultoria Financeira?
Consultoria financeira para pequenas e médias empresas. Atendimento remoto, Brasil inteiro.
Com quais tecnologias RD Consultoria Financeira foi feito?
RD Consultoria Financeira usa Next.js, React, TypeScript, Tailwind CSS, MariaDB, Zod, Sharp e Hostinger.
Dá para fazer um projeto parecido para o meu negócio?
Dá. Cada projeto é feito sob medida, com código e acessos no nome do cliente. O primeiro passo é uma conversa pelo WhatsApp +55 (33) 98465 6356 para entender o que você precisa.
Fora do ar