How to build an SPA using Vue.js, Vuex, Vuetify, and Firebase: use Vuex and access the API

Part 3: learn how to use Vuex and access the API to get your recipes

Meal Prep application

Learn how to create a meal delivery website using Vue.js, Vuex, Vue Router, and Firebase.

This is part three of my four-part series on building a Vue application. Here is a list of all the parts:

Part 1: Installing Vue and Building an SPA using Vuetify and Vue Router

Part 2: Using Vue Router

Part 3: Using Vuex and accessing API

Part 4: Using Firebase for Authentication

Recap

In the first part of this series, we created our Vue application using the Vue CLI. Also, we added Vuetify to the app. We used Vuetify to style our home page.

In the second part, we used Vue Router to add navigation between the different pages of our app. We added components for all the pages in our application.

Accessing the API

We are building an SPA e-commerce website that sells meal delivery services. In order for this website to work, then we need recipes to create our meals. To generate our recipes we will use the API from Edamam. The…