Dynamically rendering of results in google search - angular application

I am looking for a solution such that our Angular 8 web-app pages and results show up dynamically in google search results.

For e.g. when you search on Google "W5 2AL" or any UK postcode (e.g. HA5 5SL) It usually shows Rightmove and Zoopla as top results along with actual data from that pages dynamically in search preview. (Screenshot attached)
URL in search results
Rightmove
https://www.rightmove.co.uk/house-prices/w5-2al.html
Zoopla
https://www.zoopla.co.uk/house-prices/london/gordon-road-w5/w5-2al/

There are hundreds of thousands of UK postcodes so I can't imagine that they have these pages created and the data is changing each month...

It's dynamically taking parameters and returning the data in the search without actually having these HTML pages on their site.

We want to do the same with our angular application to render results in google searches.

https://product.propertydealsinsight.com/soldprices URL for our similar page

we have a backend Spring boot API that fetches this data (API is secure using oauth2) from backend DB.

The application UI already connects to the APIs securely.

In order for you to be considered we need you to provide an explanation for your approach and also confirm that you are able to implement this for us in our angular application.

Candidates must be able to communicate over calls with my teams over zoom/ sk pe or similar... If you chat only please DO NOT APPLY.

Transaction will be via freelancer only.

Automated bids will be rejected. YOU MUST INCLUDE "PDI Rocks" in your message