# Integrating Back-end

## **Data Structure**

In  `environment.ts`, there is dummy data file placed to mimic the behavior of a back-end.

E.g. Following images shows the data and its structure for slides on the landing page. The data is in JSON format.

![](/files/-MABk6etVIbxuTpP6jTh)

E.g. Data is imported in the `page.ts` file as `this.service.slides` . Here, service is service provider name, `homeData` is the JSON data in service

## **Back-end options**

To make the app fully operational you will need to attach a back-end to the app. This will require several additions and you will need the assistance of a back-end developer.

We will provide a glimpse into the things you will require

### **Step 1 — Choose a back-end Technology**

There are several options when it comes to back-end. Some of the major ones are

1. Node.js custom back-end
2. Firebase back-end (node.js) ([Read intro blog here](https://enappd.com/blog/firebase-with-ionic-4-hosting-auth-and-db-connection/58))
3. Django custom back-end
4. Ruby-on-rails custom back-end
5. GO back-end

We recommend starting out with Firebase, if you want quick turn-around of features. Firebase is a BaaS platform and comes with a bunch of ready-made functionality, like

* Storage
* Database
* Analytics
* [Push notifications](https://enappd.com/blog/implement-ionic-4-firebase-push/34)
* In-app messages
* [Real-time database and much more](https://enappd.com/blog/how-to-integrate-firebase-in-ionic-4-apps/23)
* [Anonymous login](https://enappd.com/blog/firebase-anonymous-login-in-ionic-4/37)
* [Email login](https://enappd.com/blog/email-authentication-with-firebase-in-ionic-4/38)

### **Step 2 — Connect the back-end to the app**

As explained in the section above, you will need to replace the Data coming in from individual JSON files with the data coming in from APIs (from your back-end).

You can either keep the same service file for all the data, or you can create individual service files to fetch data for individual pages or features.

To manage the data efficiently, you will need to arrange all API calls, and data manipulation in a single location. You can manage API calls with HttpClient services or [firebase functions.](https://enappd.com/blog/firebase-cloud-functions-in-ionic-4-complete-guide/32)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://enappd.gitbook.io/ionic-4-netflix-clone-template/how-to-use-this-template/integrating-back-end.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.