Different content in the source code

Design help General
1

Hello guys,

I’m currently building this template page for a client where I fetch data from some APIs.

The problem is that the content that is showed on the live website is different from the source code. The content that is fetched is not visible on the source code.

For example, this content :

Capture d’écran 2024-07-16 à 11.59.05
Capture d’écran 2024-07-16 à 11.59.051920×447 108 KB

When I search for it in the source code, I can’t find it.
And that’s a problem for SEO. Google doesn’t seem to find it.

Do you know why? And how I could solve this problem please?

FYI the template page on the read-only link is called “SEO Local template”

Thanks

Here is my site Read-Only: LINK

2

hi @gabschemoul I am not familiar with this API but see a few issues. First fetch should be asynchronous means you are not waiting for data to come back from API server. You can learn more on async - await . Once you will have async function you should have a return. Maybe I have miss it as I just check code very quickly.

Other issue is you are revealing API key, This is bad idea if it is not PUBLIC API KEY.

Like I have said I’m not familiar with this API so take it as only m2c.

Good luck