GraphQL comes with a wide range of tooling on both the editor and the browser to make the developer experience a real pleasure. This lesson covers the basics of GraphQL and demonstrates how to build an Angular app that fetches data with Apollo via the public SpaceX API. This allows for easy updates and respect best practices. 3.xx.xx. Strapi plugins. In this tutorial, I introduced you to Strapi, one of the best open-source Headless CMS frameworks around. It offers a GraphQL plugin which we can join with Hasura using Remote Schemas.. Writing Code#. Adding e-commerce functionalities with Snipcart. To create a Strapi project, you need at least Node.js 14 installed in your machine. Quickstart Tutorial Demo Guides Examples Blog Enterprise. He used Strapi, Netlify, and React to build a blog site. refine graphql and strapi-graphql data provider built with gql-query-builder and graphql-request is made for GraphQL implemantation. Make a new content type called "food". Building Custom APIs With Strapi - DigitalOcean Query a list of objects. I followed these steps: create user in Strapi (tried also creating through the GraqhQL register call) both works make sure the user has proper CRUD permissions to all relevant content types (works) do a login call through the GraphQL to get authentication token (works) put Authentication Token as HTTP header into the playground tool (works) Get started with GraphQL - Strapi Developer Docs Setting up a Nuxt App with Strapi Using Graphql: Building an Event App Supported Strapi versions. GraphQL has been one of the fastest growing web technologies over the past few years. Now we have the the data in our Strapi CMS displaying in our Nuxt app. How to Fetch Data From a GraphQL API in React