# WebGuard for Next.js

Protect your Next.js and React applications with FireAPI WebGuard - a plug-and-play overlay that locks access when your site is suspended, pending payment, or restricted.

#### Ultra-Latency

Integrated directly into our high-speed edge network for millisecond response times globally.

#### Hardened Core

Multi-layered encryption and IP whitelisting modules come standard with every integration.

#### Developer-First

Extensive API documentation and pre-built SDKs for Next.js, React, and Node.js environments.

## Master the Integration

# FireAPI WebGuard for Next.js    Protect your Next.js and React applications with FireAPI WebGuard — a plug-and-play overlay that locks access when your site is suspended, pending payment, or restricted.

### 🚀 Installation

npm install fireapi-webguard-next

\# or

yarn add fireapi-webguard-next

### 🧩 Usage Example    Next.js (App Router)

```
"use client"

import { FireGuardOverlay } from "fireapi-webguard-next";

export default function Layout({ children }) {
return (
<>
{/*
Place it at the root of your application
Replace YOUR_GUARD_KEY with the key from your FireAPI Dashboard
*/}
<FireGuardOverlay token="YOUR_GUARD_KEY" />
{children}
</>
);
}
```

**React (Vite/CRA)**

```
import { FireGuardOverlay } from "fireapi-webguard-next";

function App() {
return (
<div className="App">
<FireGuardOverlay token="YOUR_GUARD_KEY" />
<h1>My Project</h1>
</div>
);
}
```

Read NPM Package for more - [https://www.npmjs.com/package/fireapi-webguard-next](https://www.npmjs.com/package/fireapi-webguard-next)

## Choose your Power Level

### Basic

SUBSCRIPTION

₹5/MONTHLY

Full Metadata Access

Commercial License

Priority Support Channels

Sync Account

### Ready to deploy?

Once you are ready for development and integration and need any help, contact us at support@fireapi.io

protected by **reCAPTCHA**