web crawler - How to convert JavaScript dynamic data into HTML and render?

Question

We have developed a website and it uses JavaScript library to query database and display the data in HTML page. When you go to the website, you need to search for something in order to retrieve the data. so by default website doesn't display any data and it needs users to perform action.
The search result data is not visible in HTML view source as it uses JavaScript.
So, the search engines have no visibility as to what our website used for and data used in order to redirect more visitors.

Secondly, I wonder how search bots/engine crawl the websites with non-static content and understand enough about the website to redirect users.

question from:https://stackoverflow.com/questions/65602479/how-to-convert-javascript-dynamic-data-into-html-and-render

Answer 1

from what i see from your question what you need to do is send requests to your server to query data from your database and show it to you client in real-time.For that i would recommend that you use web sockets(such as socket.io) or AJAX so that you could update your website seamlessly