React

How to Block NSFW Content in React

Server-side NSFW gating for any React app.

Keep the API key safe and the UI fast.

What it detects

  • • NSFW images on upload
  • • Sexual content in messages
  • • Suggestive profile photos
  • • Explicit text
  • • CSAM signals
  • • Custom rules

Why developers choose Vettly

  • • Server-side check protects the API key
  • • Sub-500ms image decisions
  • • review action for borderline cases
  • • Works in Next.js, Remix, and any React framework
Example request
bash
import { Vettly } from '@vettly/sdk';

const vettly = new Vettly({ apiKey: process.env.VETTLY_API_KEY });

const result = await vettly.check({
  content: userInput,
  contentType: 'text',
  policyId: 'default',
});

if (result.action === 'block') return res.status(400).end();
Example response
json
{
  "flagged": true,
  "action": "review",
  "categories": {
    "sexual": 0.88,
    "violence": 0.04
  },
  "policy": "marketplace-safe",
  "latency_ms": 318
}

Compared to client-side filters

Client-side filters are trivially bypassed. Server-side checks are the only way to actually gate content.

Keep exploring

Vettly Family

Safety Inbox, Vettly Coach, and visible Companion pairing for teen families.

Content Moderation API

One endpoint for text, image, and video moderation.

Image Moderation API

Policy-driven image checks with clear allow, review, and block actions.

Content Moderation in Next.js

Add content moderation to a Next.js App Router project in minutes. Server-side API routes, React Server Components, and edge runtime examples.

Get an API key

Start making decisions in minutes with a Developer plan and clear upgrade paths.

Get an API key