metadata tags can't be found by twitter crawler

[joaopedrocoelho]

I have a gatsby blog deployed through Netlify at https//www.peregrinastro.com , I followed this tutorial to add social media cards to it: https://www.gatsbyjs.com/tutorial/seo-and-social-sharing-cards-tutorial/, however the social media cards are not finding the metadata tags even though they show up in the source code. I ran curl URL -v -A Twitterbot https://www.peregrinastro.com and the metadata tags didn't show up, so I'm guessing they're being generated by Javascript, which the Twitter crawler can't read, instead of being in the HTML.

How can I solve this issue?

I noticed as well that in a local build the generated HTML files show empty when I open them in the browser and the metadata tags are not in the source code as well

this is my repo:
https://github.com/joaopedrocoelho/astrobeats