> ## Documentation Index > Fetch the complete documentation index at: https://docs.deflect.bot/llms.txt > Use this file to discover all available pages before exploring further. # JavaScript SDK > Integrate Deflect bot protection into your client-side application Deflect's JavaScript SDK allows you to integrate bot protection seamlessly into any frontend application including **React**, **Vue**, **Next.js**, or plain JavaScript. ## Installation ### CDN (Recommended) Add the script tag directly to your HTML file: ```html theme={null} ``` Use `@latest` to always get the latest version, or specify a version with `@deflectbot/deflect-sdk@x.x.x`. ### NPM/Yarn If you prefer using a package manager: #### npm ```bash theme={null} npm install @deflectbot/deflect-sdk ``` #### yarn ```bash theme={null} yarn add @deflectbot/deflect-sdk ``` Then import it in your JavaScript: ```js theme={null} import Deflect from "@deflectbot/deflect-sdk"; ``` ## Quick Start ### 1. Configure the SDK Configure Deflect with your Action ID (get this from your dashboard): ```js theme={null} Deflect.configure({ actionId: "YOUR_ACTION_ID", // Required - get from dashboard }); ``` Call this once early in your app's lifecycle, before making any protected API calls. ### 2. Get a token for protected requests When you need to make a request to a protected endpoint (login, register, payment, etc.): ```js theme={null} const token = await Deflect.getToken(); // Returns token as string // Include this token in your API request fetch("/api/login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ username: "user@example.com", password: "password123", deflect_token: token, // Include the token }), }); ``` ### 3. Form Helper (Optional) If you're using HTML forms, you can use the helper function: ```html theme={null} ``` The `injectToken()` function will automatically fetch a token and inject it as a hidden input named `deflect_token` into your form. ## Complete Example Here's a full working example: ```html theme={null} ``` ## Next Steps After implementing the client-side SDK, you'll need to verify the tokens on your backend using the [Verdict API](/api-reference/endpoint/verdict).