The fal.ai server proxy adapter for JavaScript and TypeScript Web frameworks
npm install @fal-ai/server-proxy!@fal-ai/server-proxy npm package
The @fal-ai/server-proxy library enables you to route client requests through your own server, therefore safeguarding sensitive credentials. With built-in support for popular frameworks like Next.js and Express, setting up the proxy becomes a breeze.
```
npm install --save @fal-ai/server-proxy
For Next.js applications using the page router:
1. Create an API route in your Next.js app, as a convention we suggest using pages/api/fal/proxy.js (or .ts if you're using TypeScript):`
2. Re-export the proxy handler from the library as the default export:
ts`
export { handler as default } from "@fal-ai/server-proxy/nextjs";
FAL_KEY
3. Ensure you've set the as an environment variable in your server, containing a valid API Key.
For Next.js applications using the app router:
1. Create an API route in your Next.js app, as a convention we suggest using app/api/fal/proxy/route.js (or .ts if you're using TypeScript):
2. Re-export the proxy handler from the library as the default export:
`ts
import { route } from "@fal-ai/server-proxy/nextjs";
export const { GET, POST, PUT } = route;
`
3. Ensure you've set the FAL_KEY as an environment variable in your server, containing a valid API Key.
For Express applications:
1. Make sure your app supports JSON payloads, either by using express.json() (recommended) or body-parser:`
ts`
app.use(express.json());
2. Add the proxy route and its handler. Note that if your client lives outside of the express app (i.e. the express app is solely used as an external API for other clients), you will need to allow CORS on the proxy route:
`ts
import * as falProxy from "@fal-ai/server-proxy/express";
app.all(
falProxy.route, // '/api/fal/proxy' or you can use your own
cors(), // if external clients will use the proxy
falProxy.handler,
);
`
3. Ensure you've set the FAL_KEY as an environment variable in your server, containing a valid API Key.
Once you've set up the proxy, you can configure the client to use it:
`ts
import { fal } from "@fal-ai/client";
fal.config({
proxyUrl: "/api/fal/proxy", // or https://my.app.com/api/fal/proxy
});
``
Now all your client calls will route through your server proxy, so your credentials are protected.
For a deeper dive into the proxy library and its capabilities, explore the official documentation.