Pular para conteúdo

ADR 0001: Escolha do Frontend — Angular 20 Zoneless + PrimeNG + TailwindCSS

  • Data: 2025-10-13
  • Status: Aceita
  • Contexto:
    Precisamos de uma stack frontend moderna, escalável e sustentável, capaz de atender aplicações pequenas, médias e grandes, mantendo consistência de design, performance e manutenção simples.
    O foco da ManaVitae WareSoft é criar software artístico, consciente e de alta qualidade técnica, portanto a ferramenta deve permitir um equilíbrio entre estética, estabilidade e produtividade.

  • Decisão:
    Utilizar Angular 20 (versão Zoneless) como framework principal, em conjunto com:

  • PrimeNG: biblioteca de componentes rica, acessível e madura.
  • TailwindCSS: para estilização precisa e modular, integrando design e código de forma fluida.

A combinação oferece uma base sólida, com suporte a design system escalável e componentes reutilizáveis.
Essa stack será usada para projetos de todos os portes, desde que atenda aos requisitos da aplicação, sem comprometer desempenho nem simplicidade.

  • Alternativas consideradas:
  • React + Next.js — grande comunidade, mas exigiria mais integração manual e não entrega a mesma coesão nativa de Angular.
  • Vue 3 + Quasar — elegante e leve, porém menos padronizado para projetos corporativos e equipes múltiplas.
  • SvelteKit — muito eficiente, mas ainda em maturação e com menos ecossistema corporativo.

  • Consequências:

  • ✅ Estrutura estável e padronizada para crescimento progressivo.
  • ✅ Suporte nativo a internacionalização, acessibilidade e testes.
  • ✅ Redução de complexidade com o modelo zoneless (melhor performance).
  • ⚠️ Curva de aprendizado inicial mais alta para novos devs.
  • ⚠️ Build mais pesado em apps muito simples (avaliar caso a caso).

Esta decisão reflete o compromisso da ManaVitae WareSoft com qualidade em estado de arte, equilíbrio entre estética e eficiência, e manutenção consciente de longo prazo.