App Clip Card not appearing on initial page load

I have no idea why my app clip card is not showing on initial url load, it doesn't even show when I refresh the page.

The only thing that works is pull to refresh (once or more times). After that, it shows up.

Is it possible to fix this issue and show app clip card on url load?

Here's the appclip url (for some reason I can't post href):

https://app.celer.life/reading-exercise

Initial load:

After pull to refresh:

Answered by Klaudas in 806546022

So all the setup was done correctly, however I wasn't injecting meta tags correctly in React using Tailwind CSS framework.

It must be done like so: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#other

After changes the App Clip Card loads correctly.

Accepted Answer

So all the setup was done correctly, however I wasn't injecting meta tags correctly in React using Tailwind CSS framework.

It must be done like so: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#other

After changes the App Clip Card loads correctly.

App Clip Card not appearing on initial page load
 
 
Q