Posts

Showing posts with the label GraphQL

Step-by-Step Guide: Sitecore Headless GraphQL Filtering, Sorting & Pagination

Image
If you're building a modern web application using Sitecore Headless (JSS), you’ll often need to fetch dynamic content lists like employee directories, articles, or products. To make this dynamic and user-friendly, you’ll want: Filtering – Narrow down results (e.g. by department or name) Sorting – Order by fields like name, date, or custom rank Pagination – Load data page by page In this post, I will walk you through how to build a Sitecore GraphQL query step by step, from basic retrieval to fully paginated, sorted, and filtered results. Demo Setup: Sitecore Content for Querying To demonstrate these GraphQL features, we’ve prepared the following in Sitecore. Template: UserInformation A custom template named UserInformation was created with 5 fields: Field Name Field Type UserName Single-Line Text Designation Single-Line Text Department Single-Line Text ...

Delivering Sitecore Headless Content Seamlessly with Azure Functions and GraphQL

Image
In the age of composable architecture and API-first digital experiences, delivering content dynamically and efficiently is crucial. In this blog post, I will walk you through how we can integrate Sitecore Headless with Azure Functions using GraphQL to build a modern, scalable content API for frontend applications. Sitecore Headless (JSS) allows us to decouple the presentation layer and use modern frameworks like React or Angular. Azure Functions provide a lightweight, cost-effective, and scalable way to run backend logic without provisioning servers. GraphQL enables efficient and flexible querying of Sitecore content, avoiding over-fetching or under-fetching. Together, these technologies enable fast, secure, and flexible content delivery. Prerequisites Sitecore instance with Headless Services module installed GraphQL endpoint is enabled Sitecore item exists and is published The Azure Function has access to the Sitecore CD environment (via public/private endpoint) API Key ...