O que uma aplicação Next.js gerada pelo Studio usa em runtime — @igrp/framework-next, autenticação, componentes de UI e design system — e como a estender.
Uma aplicação frontend iGRP é um projeto Next.js (App Router) gerado pelo Studio sobre as bibliotecas partilhadas de shared/frontend/nextjs. O Studio desenha as páginas; o framework trata de autenticação, layout, permissões e componentes.
Bibliotecas
| Pacote | Papel |
|---|---|
@igrp/framework-next | Layout (IGRPLayoutFull), navegação, menus sincronizados com o Access Management, helpers de autorização (igrpAuthorize, igrpGetClaims) |
@igrp/framework-next-auth | Sessão e tokens via Keycloak (NextAuth) |
@igrp/framework-next-ui | Componentes de aplicação: header, notificações, IGRPAuthorization, IGRPForbidden |
@igrp/igrp-framework-react-design-system | Design system React (botões, formulários, tabelas, …) — ver Design System |
@igrp/framework-next-types | Tipos partilhados |
Stack, estrutura de pastas, o que é gerado e o que é teu, configuração e como correr.
Proteger páginas, componentes e server actions a partir das claims do token.
Como se constrói
Desenhar no Studio
Páginas e componentes nascem no Page Builder e no Page Manager; lógica própria entra via Custom Code e Custom Components.
Correr no workspace
O projeto corre ao lado dos serviços da plataforma no workspace local, já com cliente OAuth e menus registados.
Estender com o framework
Slots do header, notificações e autorização ficam a cargo das bibliotecas acima — ver Header Slots e a migração de template para atualizar apps existentes.
Outros frameworks
Angular e Vue estão previstos para versões futuras do Studio; hoje o alvo de geração é Next.js.
Última atualização: