Lumy - Festas Infantis com Alma

Projeto

Lumy - Festas Infantis com Alma

A **Lumy** é um sistema web completo para gerenciamento de conteúdo e operações de uma empresa de organização de festas infantis.

O projeto resolve o problema de empresas que precisam de um site institucional profissional com painel administrativo para gerenciar conteúdo, mensagens de contato, imagens e configurações — sem depender de desenvolvedores para cada alteração.

Next.jsReactTypeScriptTailwind CSSPrismaPostgreSQL

Informações sobre o projeto

Para que serve

  • Site institucional responsivo com páginas Home, Sobre, Pacotes, Galeria e Contato.
  • Dashboard administrativa com visão geral de métricas e atividades.
  • CMS de conteúdo para editar cada seção das páginas diretamente pelo painel.
  • Gerenciamento de mensagens recebidas pelo formulário de contato.
  • Gerenciamento de usuários com perfis de Admin, Editor e Usuário.
  • Configurações de SEO, branding e dados da empresa.
  • Upload de imagens via Cloudinary.
  • Autenticação segura com login e proteção de rotas.

Como foi desenvolvido

O projeto foi construído seguindo boas práticas de desenvolvimento web moderno:

  • Arquitetura modular: cada seção do CMS possui uma estrutura independente com componentes, actions, queries, schemas e tipos próprios.
  • Separação de responsabilidades: lógica de negócio, acesso aos dados e interface organizados em camadas distintas.
  • Server Components: renderização no servidor para maior desempenho e melhor SEO.
  • Server Actions: operações seguras com validação no servidor.
  • Data Access Layer: consultas ao banco centralizadas e reutilizáveis.
  • Componentização: componentes reutilizáveis e especializados.
  • TypeScript: tipagem estática aplicada em todo o projeto.
  • Responsividade: interface adaptada para desktop, tablet e dispositivos móveis.
  • Design System: componentes padronizados utilizando shadcn/ui.

Tecnologias utilizadas

Frontend

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • shadcn/ui
  • Lucide Icons
  • Motion

Formulários

  • React Hook Form
  • Zod

Backend

  • Prisma ORM
  • PostgreSQL (Neon)
  • Auth.js v5

Infraestrutura

  • Vercel
  • Cloudinary
  • ESLint

Destaques do projeto

  • Arquitetura modular e escalável.
  • CMS reutilizável para múltiplas páginas.
  • Dashboard administrativa completa e moderna.
  • SEO integrado com Open Graph, Twitter Card, Schema.org e sitemap.
  • Upload de imagens com Cloudinary.
  • Interface responsiva e acessível.
  • Código organizado e tipado.
  • Boas práticas de desenvolvimento em todas as camadas.

Objetivo do projeto

A Lumy foi desenvolvida como uma base sólida e reutilizável para projetos institucionais com CMS administrativo.

Sua arquitetura modular permite reutilizar o mesmo padrão em diferentes projetos que necessitem de gerenciamento de conteúdo, priorizando escalabilidade, facilidade de manutenção e qualidade de código.