10. Render real data
10.1. “Stash” our previous edits
We need to configure Git to allow us to “stash” the changes we make so we can move from branch to branch.
Copy and paste the following commands in the Glitch console:
- Add fake user data to the git configuration and “stash” changes
git config --global user.email "you@example.com" && git config --global user.name "Your Name" && git stash
10.2. Checkout branch 3
Let’s “checkout” the next stage of our front end application to start requesting and rendering real data from the back end.
Copy and paste the following commands in the Glitch console:
- Checkout branch 3
git checkout 3 - Refresh the Glitch file system to see branch 3
refresh
10.3. Follow along with the instructor
Let’s start getting and rendering real data!
- Edit url data in TheFooter.vue
- Edit url data in App.vue
- Test the application in the browser by selecting different resources in the header