Run the App and API

Ryan Chenkie: [0:00] Let's get all of our dependencies for both the Gatsby App and our API. Let's get them installed, and we'll get the applications running.

[0:06] Cd into /advanced-react-security-patterns, then cd into 05/gatsby-auth. If we look at the directories here, we've got 01/start and 02/finish. 01/start is where we want to be, and 02/finish is going to give you the final product. cd into 01/start, and then open that up in your code editor.

[0:26] Once that's open, we can take a look at the directory here. We've got the API, and we've got the app. Let's open up the terminal, and we can cd into /orbit-app. Let's do npm install.

[0:37] Then we can open up a new terminal window and cd into /orbit-api. We'll do npm install there as well. Once dependencies for the API are installed, we can do npm run dev. Then, switching back over to the app, once those dependencies are installed, we can do npm start. npm start in this case is going to run gatsby-develop.

[1:00] As part of the getting started lesson for the whole course, you should have installed the Gatsby CLI. If you do get any problems, it's saying that the command gatsby cannot be found, go back and review the Getting Started module, and make sure you've got the Gatsby CLI installed.

[1:14] Once the Gatsby app is running, we can go over to localhost:8000. Once you're there, you can make sure that you can get into signup and then into login, and try to do a login. Please note that you won't actually get redirected at this point. We're going to fix that up in the next lesson.

[1:31] See if you can do a login and get a successful authentication. You'll be able to tell if the authentication was successful by looking into the console.

[1:39] The error that I see here is that we cannot read property data of undefined. That's expected. If we look into the network tab, and we try to do that authentication transaction once more, we're getting a 200 from the authenticate endpoints, and we're getting a good authentication.