I have a requirement where I have to prepare a common template with Sidebar(its menus and icons), header and footer (they will have logo and text content) to display in React application. Plan is to have different template(restrict menu access and logo changes) based on user's role.
We usually keep them as part of FE code in a config file but adding or changing anything means changing react code and restarting the prod server. So the goal is to keep them outside the code to avoid server restarts
I thought of maintaining these data in DB and get it as part of API like Amazon does, but is there any other solution for this requirement. Server Side rendering isn't ideal(Next.js or others) since its already an existing application.
Any Help is appreciated on how to proceed with this.