 We're going to start working on our data that's coming in from our website and so I'm going to create a simple subdomain on my website and then I'll install WordPress on it and thereafter I'm going to install some dummy info on it that will be able to track in our new application so on my site I'm going to install WordPress 5.21, graph, I'm going to just leave everything as default as that is going to be we'll go ahead and install our graph, our data source, what's going to be our data source and just by installing WordPress so while that is loading we can check out a way of getting demo theme demo data in WordPress and there is a themes unit that we can use basically this is going to it's an XML file that will download and then we'll just be able to get a raw data information from WordPress so I'll just save this as I'll save it in my downloads and maybe we'll pick it up later and then the other thing that we're going to need is we're going to need a GraphQL, WP GraphQL which can be got on the WP GraphQL github account and that is by just coming here so we'll need both this and we'll also need the GraphQL, IDE that is installed in our website so what I'll do is I'm going to get the latest release and then I'll just do the same get the latest release because we could have some things that are merged into into those particular pieces and they're not ready for download so I'll just download the latest release we'll just save that and then I will go for also version 0.34 over GraphQL in itself so once we save those two I think we are ready now to go install so the next things that we're going to do is we're going to import our XML file we'll just use the WordPress XML installer meanwhile I'll just let you know what our GraphQL is a rather wide topic for me to just share in just one sitting but what's going to do is that we're going to be able to send out what looks like a JSON format string query to our server and then we're going to get back also JSON response from our server so there's a lot you can do you can actually read about a GraphQL from this URL which is wpgraphql.com so you'll be able to see a lot that is written about it what it means how it looks like you can actually even read through the documentation one of the things that has been happening in the GraphQL world for WordPress is that advanced custom fields has also been released there's a plugin that can extend the metadata that's added on posts and also something for wukamas that is has been in production basically that has been is being produced and right now is ready for testing so we've had our WordPress importer installed and now we just activate that plugin and then when we go back to our tools and click import we are able to run the importer and then we'll just browse for our file that we saved in our downloads and that is uh we just uh we just sort this out um by date so we'll choose that file and then click upload which will allow us to actually get some demo data from uh from this particular XML what happens is that inside it it has URLs that lead to saved data and once everything has come in we're able to just link it and we can talk about downloading and importing the files attachments those are basically the pictures that go to the individual articles so at the end of the day when we look at this it's going to be a big beautiful a nice fully loaded website so we can just close this up because we're already done with it and then we'll just head over to the docs of a wp graph ql and we'll look at some things we can also just close this and yeah we are ready to have fun and we'll just check out what our blog looks like now and yeah so we're ready to go and all i'm going to do now is just install the plugins that i do need uh the ones that i downloaded that is a wp graph ql and the IDE of a wp graphical installed so i'll just install this the reason i'm installing this off my local machine is because these have not been yet put into the wordpress repository so you can't get them directly from the repository of wordpress so i'll just install them from my local instances and then we'll be good to go so we have one so right now we'll upload the other plugin for the IDE and just install it then we'll be ready and good to go to one next level and next phase right so we'll just go look at the installed plugins and then we'll activate both both plugins okay so we have this and this and we'll just activate both plugins and then something happened so right here we have a new menu item and this is going to show us what we are going to be querying so uh one of the things that you have to do when you are setting up your website for graph ql is that you have to go to your pama link structure and be very very very specific about having it in the post name type basically that's the only way uh graph ql works uh w with wordpress it has to be in the post name structure so once we go back to our IDE that little error that was here is now gone and the good thing about our graph ql is that itself documenting so as you click all these particular links you're able to see what you can actually query and we're also going to see that you can even query uh just by using the control and spacebar so what i'm going to do is i'm going to clean this out and i'm going to add two brackets and i'm going to start by pressing control spacebar and i have all these options in here so what i'm looking for is i'm going to query some posts and when i go into the posts i have the options of getting the nodes and then uh the next thing that i'll be getting from here is i'm going to look for the id of the post i'm going to get the title of the post so we'll get the featured image and then as we're getting the featured image of course we want the URL but we'll look for what else is there we're giving the old text and then we are giving uh the URL is uh most cases called the GUID the guide so once we have this request in our graph ql is you'll actually see that we quickly get back information from our from our server we already get this so if i wanted to get something more i could go for the content and when i hit the api again i'm going to get a little content here so if i wanted to get maybe the except okay so once i get the except i can just hit that and actually i'm going to get back the short versions of that so this is how we are going to be calling our data now this the way graph ql works is that it's only giving you on demand what you want to actually get which is a lot different from the rest api that gives you so much data so we're just going to be getting back a very small payload and this is what we're actually going to use in our react application to make sure that uh once it's connected to our um our little section in our html page we have all the information that we do need i look forward to going ahead see you then