Best approach to render customized content

Hello All,

Long time lurker here, that is finally deciding to take the plunge and learn how to develop web apps with wappler. I do have a question that I am hoping this wonderful community can help me answer. I am working on a custom project management tool, and it should work like this:

1. Project manager answers a series of questions
2. Based on the answers, a workflow should be triggered that takes the PM through a sequence of modules
   — There are 40 or so modules, but none of the workflows go through all 40 of them. Sometimes it will be 5, and sometimes it will be 30 modules. Different workflows can and do share some of the modules (e.g. module 1 is mandatory for all workflows).
3. Each module has its own set of questions, and text. Some modules even are not question and answer based, but it could be configuring a gantt chart, or creating a schedule, etc.

Now here is where I am stuck in my design and planning (and I understand these could be general web design and development questions rather than Wappler specific):

1. Should I hardcode the mapping between these workflows and modules? Or should this be done with
   some API work, that would query the relevant modules, order of operations, etc.?
2. For each of the modules, which is better:
   2.1: build the page for each module, with its questions, text, etc. - i.e. a static page
   2.2 build some sort of template, and pull the data from the database? - from what I understand
   about SPAs and dynamic pages, this is how it works, or am I wrong here?

I am just looking for the best performance, and if this has any effect on hosting costs, then I would like to minimize that too.

Thanks in advance for your advice