Projetos

Fullstack · Next.js · Node4 publicados4 em produção

capa pendente

GoPack

O problema: A linha de embalagens não tinha catálogo online: toda consulta de produto e todo pedido de orçamento passava por atendimento manual, um a um.
A solução: Catálogo filtrável por categoria com formulário de orçamento, e um painel onde a própria equipe cadastra produto e preço sem depender de programador.
O que foi entregue: SiteCatálogo de produtosOrçamento onlinePainel de ediçãoFunciona no celular
Resultados: Nota máxima do Google (100/100) em performance, acessibilidade e boas práticas

Tecnologias: Next.js 15Node.jsPostgreSQLTypeScriptDocker
Arquitetura: Frontend SSG desacoplado de uma REST API Node.js independente
Deploy: Vercel (SSG) · VPS com Docker + Nginx (API)
Segurança: JWT com roles Admin/Employee, CORS configurado, validação de inputs
Padrões: Repository PatternMVCRBACDecoupled Architecture
Funcionalidades: Catálogo de produtos com filtro por categoria
Formulário de orçamento com toggle unidades/kg
REST API com autenticação JWT e controle de roles
Upload de imagens via Cloudinary
Arquitetura full-stack desacoplada com deploy Docker
Lighthouse: 100/100/100

O problema: O trabalho vivia espalhado no Instagram e em pastas de arquivo: não havia um endereço próprio para mandar a um cliente, e cada projeto novo dependia de refazer post.
A solução: Site com galeria de projetos e depoimentos, tudo editável por um painel — publica trabalho novo sozinha, em português e inglês, sem tocar em código.
O que foi entregue: SiteGaleria de projetosVídeosDepoimentos de clientesPainel de ediçãoPortuguês e inglês

Tecnologias: Next.js 14TypeScriptFramer MotionDrizzle ORMVercel Blob
Arquitetura: Next.js com ISR (revalidação por hora) + API Routes internas
Deploy: Vercel (SSG + ISR) · Vercel Blob para armazenamento de imagens
Segurança: Autenticação no admin, sanitização e conversão server-side de uploads
Padrões: ISRServer ActionsSharp PipelineDrizzle ORM
Funcionalidades: Grid bento de projetos com modal de imagens e vídeos
Upload com conversão automática para WebP (server-side)
Painel admin com CRUD, toggle de visibilidade e aprovação de avaliações
Alternância de idioma PT/EN com geração estática
Depoimentos dinâmicos com star rating interativo
Lighthouse: 100/100/100

O problema: Escola pequena controla nota, presença e comunicado em papel e planilha solta — o responsável só descobre como está o aluno quando o bimestre já fechou.
A solução: Plataforma com acesso separado para aluno, responsável, professor e diretor: o que o professor lança uma vez aparece na hora para quem tem direito de ver.
O que foi entregue: Acesso por perfilNotas e frequênciaEnvio de atividadesBoletim para imprimirComunicadosFunciona no celular

Tecnologias: Next.js 15Node.jsPostgreSQLPrismaRedux Toolkit
Arquitetura: Next.js 15 (frontend) + REST API Node.js desacoplada + PostgreSQL
Deploy: Frontend na Vercel · API Node.js em servidor dedicado
Segurança: JWT stateless + RBAC com 4 papéis: aluno, responsável, professor, diretor
Padrões: RBACRedux ToolkitPrisma ORMClean Architecture
Funcionalidades: Gestão de turmas, disciplinas, alunos e professores
Lançamento de notas e controle de frequência com relatórios
Atividades escolares com envio de arquivos e marcação de conclusão
Boletim exportável com cabeçalho da instituição
Autenticação JWT com RBAC e suporte a múltiplas instituições
Lighthouse: —

O problema: Cardápio impresso encarece a cada drink novo e nunca acompanha o que tem de fato disponível na noite — e reimprimir por causa de um item é prejuízo certo.
A solução: Cardápio digital que o cliente abre pelo QR Code na mesa, com painel para o bartender trocar drink, preço e foto na hora, direto do celular.
O que foi entregue: Cardápio por QR CodePainel de ediçãoFoto pela câmeraFiltro por categoriaFunciona no celular

Tecnologias: Next.js 15TypeScriptTailwind CSS 4PostgreSQLVercel
Arquitetura: Next.js full-stack com API Routes integradas + Vercel Postgres
Deploy: Vercel (SSG) · Vercel Postgres (serverless)
Segurança: Autenticação no painel admin, validação e recorte server-side de uploads
Padrões: ISRServer ActionsWebP PipelineIntersectionObserver
Funcionalidades: Cardápio público com filtro por categoria e toggle grade/lista
Upload com captura por câmera, recorte e conversão para WebP
Painel admin com CRUD completo de drinks em tempo real
QR Code integrado para acesso direto via câmera
Performance 100/100 no Google Lighthouse (desktop)
Lighthouse: 100/100/100