This article demonstrates how to leverage Blazor for building with C#, to seamlessly integrate content from a headless CMS like Hashnode's GraphQL API

Max Programming 🇵🇸

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Learn how to display blog articles from a Hashnode headless blog in a Blazor site using GraphQL. The process involves setting up your Blazor project, activating Hashnode's headless feature, installing the necessary GraphQL client libraries, creating proper models and services, and setting up dependency injection. Finally, a Blazor component is created to display the articles formatted using Bootstrap CSS.

Showing Blog Articles in Blazor with GraphQL

Permalink Activate Hashnode Headless feature

Permalink Install GraphQL Client Library:

Permalink Create Service to Bring Articles from Hashnode Blog from GraphQL API

Permalink Add Service to Dependency Injection

Permalink Create Component to Display Blog Articles