 I have my mobile app that allows me to see the different stories that I have created from my WordPress site. And then of course it's a sports app so I can see a table of the teams and the points they score. Can see the top score of the day or of the whole season and it has a picture, the names, what team they play from. And also I can see those who have assisted the most. Equally with a picture, the team and name that they come from. So all this data that I do get it from a simple plugin that I use called SportsPress and SportsPress for football. Currently this information I have to get it via the REST API. But I've found that the REST API actually makes so many calls to the server and sometimes it's slower. And having tested with a GraphQL to my React Native app, I am able to realise that if I turn all of this content into a GraphQL endpoint, into my GraphQL endpoint, I'll be able to have faster data coming from SportsPress onto my mobile app and thus faster connection and faster content. So that's what I'm going to do. How I can actually get this to work in my app, in my mobile app that's running on React Native. And how I can use GraphQL to have one endpoint and call all that data that I need in a necessary way. Most of this information comes in in my SportsPress plugin that I've configured and has seasons, it has different leagues that are available. And now I can create matches and in the matches I can be able to call in the different teams, assign them scores here in the small meta boxes, add how many minutes of the game there is, where they're playing from, the league, the season, the team players. And I am able to actually get a proper data of what's going on. For example, this is a game that went on and I've recorded all this information in here. You can see who scored, who has some cards, who has own goals and all this information is stored as a post type of matches. You can see the different taxonomies for grounds where this would be played. You see a different custom post type for the teams and I've added the teams there. They also have their own information in here. For example, where they're playing, what tab are they playing, some information about them. You can see the players custom post types where you see a player having a lot of information attached to them, where they're from their position, their current teams, their league, and their height, their photo. So all of this is already stored just like this in my sports press app. So we also have a portion for this stuff. I'm able to see this stuff and see more information about them. Now I'm going to try to expose this one to my GraphQL endpoint. And I'm going to use a WP GraphQL, which is a plugin that's written by Jason Bal, who is now currently working with Gatsby. And what happens is that with something like GraphQL, I am able to just post a Jason-like query to my endpoint and I'll get back exactly the data that I need without necessarily getting back all the loose information that the rest API actually provides for me, yet I do not need it. So the first thing we're going to do is we're going to download, we're going to go to the docs of a WP GraphQL, you can find them at docs on wpgraphql.com and we can install. So the first thing that we're going to need is, we're going to install the WP GraphQL plugin and then we're also going to install the WP GraphFico. That's with an I, an ID of sorts that will allow us to see our queries, just like what we see here going on in this small browser, our image that's going on, this small gif going on. So to download the plugin we have to come to the releases to get the stable versions of the GraphQL. So we'll go to the releases and download the zip, something for our IDE that we manage in the WordPress admin. We also go to the releases and then pick the plugin to install. So I'll just go to my plugins here and I'm going to pick up all those, I'm going to pick up my downloaded zip. So I'll start off with the plugin itself, WP GraphQL, install it and then of course I'll go back and then add the other which is the WP Graphico, which is our IDE that's going to be inside and then I'll activate it. So we are now ready. If we look here, we'll see that we have a WP Graphico endpoint just showing up. So after setting up our WP GraphQL we shall have a site on this local address, which is of course the usual address for our website and then when we have enabled a WP GraphQL when we come to this endpoint we actually get this information showing us that we have to query for this endpoint for us to get back any data and right now we can't use it because we don't have, our browsers do not consume this content like this, however if you're using things like React to React Native, there are particular packages that can be able to create a GraphQL queries and we can get back the data as needed. So for now just use the IDE that is in the administration area to see what we are working on. So WP GraphQL by default allows us to access all this information by default for example I could do a query and in my query I'm going to look for the menus and inside the menus I'll just play this and see what we get there's still more information we need so we need to get the edges after the edges we'll get the nodes the nodes and just play here so we have an ID already there as we type we actually are able to get the count we can also get the ID we can get the names we can get the menu items and then when I hit play I'm able to see all this information coming but right now I don't have any sort of menus so I'll just try to get the posts and see how this comes out so we'll just get the title and then I'll hit play here and we'll see that when we query for posts we actually get back our title of hello world or if we look for pages and hit play we get back that we have all these pages coming from the sample page and all the others that are created by will come as itself as data so that's how WP GraphQL works if you ask for information you get back information if you don't ask for it like if I don't ask for the content I'll never get the content coming back here but if I ask for it then I'm able to get all that information back so that's how we setup our WP GraphQL next we're going to try to see how we can expose our data from the custom posts type into queries right here because by default we have all this other information coming in from the WP GraphQL plugin but now we're just going to extend it to give us more of what we want so let's jump in into the code