providers/.docs/content/2.essentials/0.usage-on-x.md

# How to use on X

The library can run in many environments, so it can be tricky to figure out how to set it up.

Here is a checklist. For more specific environments, keep reading below:
 - When requests are very restricted (like browser client-side). Configure a proxied fetcher.
 - When your requests come from the same device on which it will be streamed (not compatible with proxied fetcher). Set `consistentIpForRequests: true`.
 - To set a target. Consult [Targets](./1.targets.md).

To make use of the examples below, check out the following pages:
 - [Quick start](../1.get-started/1.quick-start.md)
 - [Using streams](../2.essentials/4.using-streams.md)

## NodeJs server
```ts
import { makeProviders, makeStandardFetcher, targets } from '@movie-web/providers';

const providers = makeProviders({
  fetcher: makeStandardFetcher(fetch),
  target: chooseYourself, // check out https://providers.docs.movie-web.app/essentials/targets
})
```

## Browser client-side

Using the provider package client-side requires a hosted version of simple-proxy.
Read more [about proxy fetchers](./2.fetchers.md#using-fetchers-on-the-browser).

```ts
import { makeProviders, makeStandardFetcher, targets } from '@movie-web/providers';

const proxyUrl = "https://your.proxy.workers.dev/";

const providers = makeProviders({
  fetcher: makeStandardFetcher(fetch),
  proxiedFetcher: makeSimpleProxyFetcher(proxyUrl, fetch),
  target: target.BROWSER,
})
```

## React native
```ts
import { makeProviders, makeStandardFetcher, targets } from '@movie-web/providers';

const providers = makeProviders({
  fetcher: makeStandardFetcher(fetch),
  target: target.NATIVE,
  consistentIpForRequests: true,
})
```