TheBest Manager
Painel interno desenvolvido para centralizar a gestão de múltiplas contas Cloudflare em uma única interface. O sistema permite gerenciar contas, domínios (DNS zones), proxies, regras WAF e tasks automatizadas, com dashboard de métricas em tempo real mostrando requisições por domínio nas últimas 24h. Construído com Next.js 16 e React 19 usando App Router e Server Actions, o projeto conta com autenticação via JWT, validação com Zod, tabelas com paginação/ordenação/busca, e deploy containerizado com Docker. A arquitetura segue um padrão de BFF (Backend for Frontend) consumindo uma API REST dedicada.
Desenvolvedor Frontend
1 mês
2026
TheBest
Processo de Criação
Planejamento
Definição dos módulos do painel (contas, domínios, proxies, WAF, tasks) e mapeamento dos endpoints da API existente.
Arquitetura
Estruturação do projeto com Next.js App Router, separação em Server Actions, types, componentes reutilizáveis e lib de utilitários.
UI/UX
Desenvolvimento da interface com Tailwind CSS v4, componentes Radix UI e sidebar responsiva com animações.
Funcionalidades CRUD
Implementação de tabelas com paginação, busca, ordenação, modais de criação/edição e diálogos de confirmação para cada módulo.
Dashboard e Métricas
Criação do painel de visão geral com cards estatísticos e gráfico de barras (ApexCharts) mostrando domínios mais acessados.
Autenticação e Segurança
Sistema de login com JWT armazenado em cookie httpOnly, middleware de proteção de rotas e redirect automático em token expirado.
Deploy
Containerização com Docker multi-stage (build otimizado com standalone output) e docker-compose para orquestração.
Funcionalidades
Galeria
