Durante o desenvolvimento da plataforma MSC na ENSO Origins, o plano inicial era construir uma Single-Page Application (SPA) tradicional com React puro. No entanto, à medida que os requisitos evoluíram, migrámos para o Next.js 16 (App Router). Esta mudança resolveu vários problemas concretos. Primeiro, eliminou o típico 'flicker' visual das SPAs utilizando middleware nativo (`middleware.ts`) para validar tokens JWT no servidor e aplicar controlo de acessos (RBAC) antes de qualquer renderização. Segundo, o App Router permitiu layouts aninhados persistentes, mantendo a barra de navegação e os menus laterais em memória durante as transições do dashboard. Por fim, a adoção de React Server Components (RSC) permitiu-nos carregar dados de perfil e listas de horários diretamente no servidor, reduzindo significativamente o tamanho do bundle do cliente e escondendo os endpoints da API do browser.
1 de junho de 2026
A Transição de React SPA para Next.js App Router
Por que abandonámos o modelo SPA tradicional e adotámos o Next.js 16 para a plataforma MSC.
nextjsreactarchitecture