How to properly design web resource architecture on spring boot?

Question

Spring

Task:
1) The server part must be built on Spring Boot.
2) Return static html pages. Due to SEO, the SPA option is not suitable for the customer (even after the proposed solutions).
3) Use updated page components.
4) Make asynchronous requests to the server.
5) Spring Security.
Guys, suggest solutions and best tools. At the moment I have the following architecture:
1) The server returns static pages using (thymeleaf) (Figure 1).

Figure 1 - controller thymeleaf
2) There is a RestController - api to provide data in json format (Figure 2).

Figure 2 - RestController
3) There is a connected vue.js to update individual page components (tables) (Figure 3).

Figure 3 - connected vue.js
I would like to understand how this is done in real projects, a lot of stuff on git and everyone does everything in their own way.
What would you suggest?
Is it possible to build a complete client in Angular 5 and use only JSON api without server returning static pages (not home project).
And how to host such an architecture as frontend - backend - bd?
Thank you for your attention.

Answer 1

yes .... guys, the question is so much a question. broke his own head.
there really is a lot of material, everything is different - how to do it is not clear at all
.