Fetch todos - query

The first graphql query you will write will be to fetch personal todos. You will need to load the todo data from the database which belongs to the logged in user. Let's define a graphql query to fetch the required data.

query {
where: { is_public: { _eq: false } }
order_by: [{ created_at: desc }]
) {

Try this query in GraphiQL against the application database to see what the response looks like.

Note: You need to pass the Authorization: Bearer <token> header before querying to get the results. The token is auto-filled in the UI after logging in via Auth0.

This query is the actual graphql query that we will be using in our react app and hence test this out to make sure it works as expected.

Let's now integrate this graphql query into our react app.


Get Started with GraphQL Now

Hasura Cloud gives you a fully managed, production ready GraphQL API as a service to help you build modern apps faster.
Ready to get started?
Start for free on Hasura Cloud or you could contact our sales team for a detailed walk-through on how Hasura may benefit your business.
Stay in the know
Sign up for full access to our community highlights, new features, and occasional baby animal gifs! Oh, and we have a strict no-spam rule. โœŒ๏ธ