Using our app with photo management APIs

In the previous sections, we looked at the client-side part of the photo display. To return the photos from the API, we have to add a backend API that will enable us to store and retrieve the data for our app. Since this book is mostly focused on client-side app development with Vue 3 and not server-side app development, we will use a simple API solution to store our data with JSON so that we don't have to create our own API. All of the data is stored in a flat-file database, which is entirely JSON. To do this, we use the JSON Server package. This is a package that requires no configuration, and we can get it running in only a minute. All our fields are stored as JSON object properties, so they need to be text, including images. This package is made for frontend developers who require a backend to quickly prototype our apps.

First, we run npm i –g json-server to install the JSON Server package. This way, we can access the JSON...