Transcript for:
Hasura and Vercel Integration Notes

hi and welcome to this little mini series about working with hasura with the Purcell platform now we've done some content around this integration in the past how these two work together but as of our release at hasiracon 22 there's an official versal integration now that will allow us to connect to Surah cloud with versel and that will allow us to automatically import our graphql endpoint our admin secret and other variables that will actually help make us ship softer faster in those features we released at the conference we also released are generally available or out of beta GitHub integration now the reason why this is notable is that utilizing both of these the Purcell integration with GitHub uh and with our GitHub integration by itself we're actually able to leverage CI CD in an extremely elegant way for a very good developer experience that means that we'll be shipping one folder and whenever we make changes to our project we will be either updating our versel project in this case an xjs and whenever we push metadata changes from our local version of Acera we will be pushing those changes to the hesera cloud platform and I wanted to walk through the step of just setting this up from scratch completely from the beginning so that you see how these pieces fit together now the code itself is not something that you're going to really be following along with per se as much as it is going to be the steps because these are composable pieces ideally designed for you to swap out whichever part of it you would want to yourself they are rather simple to set up they are either simple to connect and that is the part that I want you to take away from this tutorial is how easy or simple it is to actually be able to connect these pieces and get them running so that even if you wanted to swap out next JS for a different framework or if you wanted to swap on a different styling Library which we'll be adding on in later steps those are all choices you can make because each of these are composable and they are not going to be dependent upon any part of this configuration working so to demonstrate we're going to break this up into a number of videos the first video being setting up a local version of hasira with metadata to track a very specific project that we want to create now it is summertime here where I am at and I want to create what I am calling the backyard Pizza project so let's have a look at our data model before we begin and what we're going to have is a very overly engineered Pizza ordering system when you have your friends over at your house you are on you are in control of the grill and you're baking the pizza for all your friends what we want to do is actually create a way for them to be able to order the pizza over the next several videos we'll be creating an overly engineered Pizza management system for your own backyard pizza parties yes highly contrived yes very timely with Summer right around the corner and something that I think will help us see some of the power of this platform start to emerge as we layer on features but can still push publish and changes in the process in the next video we will actually begin by creating a local version of hasura we will set up our project the way that we want we'll be tracking the metadata of our changes and then we will connect that with GitHub CI CD to deploy those changes in the cloud and then we will connect that in the following video to a versl project that we will also have connected with GitHub CI CD so that we have both of these being triggered by GitHub actions to make changes for us and put publish those changes in a versioned way we'll see you in the next video I hope you enjoy