> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fenado.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# API Integration (Archived)
> Learn how to integrate API into VideoGPTAI
This is the legacy documentation for our original platform, Cades. Our platform has evolved significantly since then to offer both app and website creation capabilities. Find the new documentation [here](/welcome).
## API Integration
### Step 1: Network Layer Setup
Let's create a dependency injection folder using get\_it package to manage API instances and follow clean architecture principles. This centralized approach helps avoid duplicating API instances across the codebase.
```bash theme={null}
in the di folder /injection.dart Use get_it to setup the dependency injection graph of the project and call this in the main function for now import dio for network calls and set it up as a singleton dependency
```
### Step 2: API Client Configuration
After setting up Dio and dependency injection, we'll create a centralized API client class to handle all network requests efficiently and maintain clean architecture principles.
```bash theme={null}
I want to integrate api into the app use retrofit to do the same
my base api url is 'https://api.videogptai.com/api' setup the retrofit class in api folder inject the api in the injection file in di use the singleton dio
```
### Step 3: First API Integration
Let's now integrate our first API, with this prompt:
```bash theme={null}
Integrate GET https://api.videogptai.com/api/en/video/getTemplates
Integrate in the home page with templates
the sample response is as follows
```
```json theme={null}
{
"success": true,
"payload": {
"data": [
{
"id": "random",
"locale": "en",
"name": "Random",
"rank": 1,
"require_input": false,
"style": {
"id": "sai-line-art",
"name": "Line Art"
},
"url": "https://storage.videogptai.com/videogpt/assets/images/template-random.webp",
"voice": {
"id": 41,
"name": "Ava"
}
},
{
"id": "interestingfacts",
"locale": "en",
"name": "Interesting Facts",
"rank": 2,
"require_input": false,
"style": {
"id": "sai-comic-book",
"name": "Comic Book"
},
"url": "https://storage.videogptai.com/videogpt/assets/images/template-interestingfacts.webp",
"voice": {
"id": 41,
"name": "Ava"
}
}
]
}
}
```
### Step 4: Authentication Header Setup
Add authentication to API requests.
```bash theme={null}
I want to create a dio interceptor that if logged in it will add the user token in the authorization header for requests as Bearer
```
### Step 5: Second API Integration