Création d’applications web

Un projet est rarement composé uniquement du backend. Avec Lino, il est également possible de créer des applications web pour consommer les API générées, offrant des interfaces aux utilisateurs finaux ou aux équipes internes.

Actuellement, le framework prend en charge nativement Blazor Web App (mode de rendu interactive auto). Cependant, l’architecture est conçue pour permettre l’ajout de plusieurs frontends dans la même solution, afin de répondre à différents scénarios et publics.

Frontends avec Blazor Web App

Lors de la génération d’un front-end, Lino crée automatiquement un projet Blazor Web App configuré pour :

Routage simplifié → structure de navigation standard déjà configurée.
Intégration native avec Minimal APIs → consommation directe des endpoints créés.
Composants réutilisables pour les CRUD → pages de liste, création et édition standardisées.
Support de l’authentification et de l’autorisation → si le service est configuré pour la sécurité.

Ce front-end est déjà prêt à consommer les API générées dans les modules de l’application, avec typage fort et intégration automatique via HttpClient typé.

Multiples frontends

Un projet peut contenir autant de frontends que nécessaire. Chaque frontend est ajouté comme un nouveau projet Blazor dans la solution, partageant les mêmes API exposées par le backend.

Exemples de scénarios :

Site public → pages accessibles aux clients ou visiteurs.
Backoffice/Admin → panneau de gestion interne pour les opérateurs ou équipes administratives.
Portail partenaire → accès restreint aux partenaires, revendeurs ou fournisseurs.

Cette séparation facilite la spécialisation de l’interface tout en maintenant la cohérence architecturale dans la consommation des API.

Génération de pages web

Pour accélérer le développement des interfaces, le CLI de Lino propose la commande :

lino page new

Cette commande crée des pages Blazor déjà connectées au backend, suivant les conventions établies :

Génération de composants de formulaire → pages de création et d’édition.
Listes automatiques → pages d’index (listes paginées).
Intégration directe avec les APIs → connexion automatique aux endpoints correspondants.

Cela permet de créer des CRUD complets (frontend → API → CQRS → base de données) sans répétition manuelle du code.

En créant des pages pour l’entité Order, par exemple, la structure suivante sera générée :

MyApp/
└── src/
    └── WebApps/
        └── MySite/
            └── Services/
                └── Pages/
                    └── Orders/
                        └── Registration/
                            ├── Order.razor
                            ├── Order.razor.cs
                            └── Components/
                                ├── Form/
                                │   ├── OrderForm.razor
                                │   ├── OrderForm.razor.cs
                                │   ├── OrderFormExtensions.cs
                                │   └── OrderFormViewModel.cs
                                └── Grid/
                                    ├── OrderGrid.razor
                                    ├── OrderGrid.razor.cs
                                    ├── OrderGridExtensions.cs
                                    └── OrderPagedQueryParams.cs

De plus, des services intégrés sont créés pour consommer les endpoints de OrdersEndpoints, garantissant la communication de bout en bout :
Frontend → API → Commands/Queries → Base de données

Ainsi, Lino fournit un flux de développement full-stack complet, réduisant considérablement le temps nécessaire pour créer de nouvelles fonctionnalités.