Integrations

Strapi generates an API for you to access your content. But how can you connect a React, Ruby, Gatsby application to it? It is important to know what is an API.

What is an API?

API is the acronym for Application Programming Interface, which is a software intermediary that allows two applications to talk to each other. In case you want to connect a React application with Strapi, we say that React is the client and Strapi the system. Indeed, React will communicate to Strapi, by making HTTP requests. Strapi will then give a response back to your client.

If your Strapi application contains restaurants and you want to list them in your React application, all you need to do is to make an HTTP request to Strapi which will take care to give you a response containing your restaurants.

The API Endpoints documentation will give you all the keys in hand to interact with your Strapi API.

Get started

Today, any programming language has an HTTP client allowing you to execute requests to an API and therefore interact with it. Javascript has Axios Integrations - 图1 (opens new window), Fetch Integrations - 图2 (opens new window), Ruby has Faraday Integrations - 图3 (opens new window), HTTParty Integrations - 图4 (opens new window), Python has Requests Integrations - 图5 (opens new window) etc…

Integrate Strapi with a multitude of frameworks, frontend or backend programming languages just below.

[Integrations - 图6

React

Consume your API with React

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/react.html)

[Integrations - 图7

Vue.js

Consume your API with Vue.js

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/vue-js.html)

[Integrations - 图8

Angular

Consume your API with Angular

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/angular.html)

[Integrations - 图9

Next.js

Consume your API with Next.js

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/next-js.html)

[Integrations - 图10

Nuxt.js

Consume your API with Nuxt.js

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/nuxt-js.html)

[Integrations - 图11

GraphQL

Get started with GraphQL

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/graphql.html)

[Integrations - 图12

Gatsby

Consume your API with Gatsby

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/gatsby.html)

[Integrations - 图13

Gridsome

Consume your API with Gridsome

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/gridsome.html)

[Integrations - 图14

Jekyll

Consume your API with Jekyll

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/jekyll.html)

[Integrations - 图15

11ty

Consume your API with 11ty

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/11ty.html)

[Integrations - 图16

Svelte

Consume your API with Svelte

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/svelte.html)

[Integrations - 图17

Sapper

Consume your API with Sapper

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/sapper.html)

[Integrations - 图18

Ruby

Consume your API with Ruby

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/ruby.html)

[Integrations - 图19

Python

Consume your API with Python

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/python.html)

[Integrations - 图20

Dart

Consume your API with Dart

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/dart.html)

[Integrations - 图21

Flutter

Consume your API with Flutter

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/flutter.html)

[Integrations - 图22

Go

Consume your API with Go

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/go.html)

[Integrations - 图23

PHP

Consume your API with PHP

](https://strapi.io/documentation/developer-docs/latest/developer-resources/content-api/integrations/php.html)