I am developing a web app for engineering calculations. The web app will have the home register/signup, a dashboard, and within the dashboard, users can access engineering applications, which are heavy in JavaScript (On the image you can see one of these applications). These applications share the same styling; for instance, there's an input component that all applications call to use.

My question is, considering there are more than 20 applications, each heavily loaded with JavaScript, would it be advisable to have the entire web concentrated in a single Next.js project? Or is it recommended to use something like a turborepo, where each of these applications is a separate Next.js application?