Blazor, GraphQL and a headless CMS
summary
Shows a working Blazor WebAssembly SPA wired to the Umbraco Heartcore GraphQL API (hosted via Cloudflare with a project alias header and cache) using GraphQL.Client and preview Strawberry Shake clients. Two concrete approaches: one component per content type (rigid mapping, query by CMS URL) and one component per content level (generic content query, route params). Uses OnInitializedAsync for first-load and OnParametersSetAsync for param changes, includes SEO via Toolbelt.Blazor.HeadElement, and demos with a Harry Potter catalog — it works end-to-end.
AI-written summary · about
chapters (24)
- 0:00Start
- 4:15Graphql
- 7:04Graphql Api
- 8:42Performance
- 9:00Blazer Server
- 9:37The Graphql Type System
- 9:48What a Schema Is in Graphql
- 10:23Query Type
- 11:23Queries
- 12:31Query a Sample Query
- 16:00The Graphql Api Query
- 17:43Basic Aspects of Umbraco
- 19:37Settings
- 21:03Seo Properties
- 25:33Graphql Playground
- 28:35Components
- 30:10What Is a Single Page Application
- 33:55Component Parameters
- 34:31Route Parameters
- 36:12Content Structure
- 43:37Inline Fragment
- 48:14Content Query
- 50:51Detail Pages
- 53:51Seo
related talks
01h 13mBuilding Modern Applications with GraphQL and #Blazor
24mHow to Create a Full-Stack Web App Using Blazor WASM and GraphQL
01h 01mBuilding real-time applications with Blazor and GraphQL
01h 05mCreating a GraphQL API with ASP.NET Core
01h 05mBuilding modern applications with GraphQL 2023 and beyond in ASP.NET Core 7
57mBuilding modern applications with GraphQL 2021 and beyond in ASP.NET Core 6
21mBuilding a Headless Site with Remix, WPGraphQL & Web Fundamentals
50mConsuming GraphQL using C#