Summary: Seeking a solution to dynamically generate UI pages using user-provided templates that can be utilized for both front-end and back-end development across various use cases.
Ensuring the summary is at the top, I am uncertain if this question has been previously asked here, so I apologize if it is a duplicate query.
Providing some context, I am in the process of developing a web application based on Angular 7, intended to act as a centralized platform for users to configure network devices such as routers and switches. To cater to a wide range of devices and vendors, static UI pages are not feasible. They need to adapt according to individual user requirements and specifications.
To accomplish this, standard practice suggests allowing users to create custom templates for their data and attributes, which they can then upload to the portal for dynamic rendering of the UI.
For instance, User A may require a simple form with 2 input fields (device name and IP address), while User B within the same organization may need a more complex form with numerous input parameters, dropdowns, and so forth.
Now, getting to the main question - What approach should be adopted to generate UI pages when they cannot remain static and must adjust as per user needs? If opting for user-uploaded templates, what elements should these templates include?
I am currently utilizing Angular 7 for my app development but open to exploring other options. Here seeking innovative ideas and engaging in brainstorming sessions.