How to render blogs properly with Hydrogen in a headless store?

Technical Q&A
1

We have an existing store on Shopify, but we recently decided to build a headless store using Hydrogen(Shopify Framework) for headless store.

Context

  • On the custom storefront we want to the users to be able to see blogs.
  • Since we are using a Hydrogen to build our custom storefront the only way to retrieve the blogs in via the API. We are successfully able to retrieve and render the list of blogs on our end.

Issue

  • When retrieving the content for a single blog this API https://shopify.dev/api/storefront/2022-04/objects/Article#queries.

    We only receive the HTML on our end but the received HTML uses some CSS classes generated by Shopify which we don’t have access to due to which, when we try to render this HTML page, it renders with improper formatting due to missing CSS classes.

Any help is highly appreciated.