{"id":39822,"date":"2026-02-19T07:00:00","date_gmt":"2026-02-19T15:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=39822"},"modified":"2026-02-20T14:42:27","modified_gmt":"2026-02-20T22:42:27","slug":"video-governance-ai-moderation-tagging-next-js","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js","title":{"rendered":"Automating Video Governance: AI Moderation and Tagging in Next.js"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>Video moderation creates operational bottlenecks, especially as your platform scales. In this guide, you\u2019ll build an <strong>agentic video governance pipeline<\/strong> using <strong>Next.js 16<\/strong> and <strong>Cloudinary<\/strong>. Instead of manually reviewing every upload, you\u2019ll delegate moderation to AI agents that automatically:<\/p>\n<ol>\n<li>Watch every video upon upload.<\/li>\n<li>Flag and block inappropriate content.<\/li>\n<li>Tag content with descriptive metadata for searchability.<\/li>\n<\/ol>\n<h2>Architecture Overview<\/h2>\n<p>You\u2019ll leverage the <strong>Next.js App Router<\/strong> for the frontend and <strong>Cloudinary\u2019s Admin API<\/strong> as the backend intelligence. The system uses an architecture where the UI optimistically uploads content but pessimistically hides it until AI verification passes.<\/p>\n<h2>The Agentic Workflow<\/h2>\n<p>The pipeline operates autonomously:<\/p>\n<ul>\n<li>\n<p><strong>Trigger<\/strong>: User uploads a video via the client component.<\/p>\n<\/li>\n<li>\n<p><strong>Agent 1 (<a href=\"https:\/\/cloudinary.com\/documentation\/aws_rekognition_video_moderation_addon\">Rekognition<\/a>)<\/strong>: Scans for moderation labels (safe vs. unsafe).<\/p>\n<\/li>\n<li>\n<p><strong>Agent 2 (<a href=\"https:\/\/cloudinary.com\/documentation\/microsoft_azure_video_indexer_addon\">Azure Video Indexer<\/a>)<\/strong>: Generates taxonomy and content tags.<\/p>\n<\/li>\n<li>\n<p><strong>Decision Engine<\/strong>: The UI re-fetches the status and decides whether to render the player (approved) or a warning shield (rejected).<\/p>\n<\/li>\n<li>\n<p><strong>Live Demo<\/strong>: <a href=\"https:\/\/video-governance-guide.vercel.app\/\">video-governance-guide.vercel.app<\/a><\/p>\n<\/li>\n<li>\n<p><strong>Source Code<\/strong>: <a href=\"https:\/\/github.com\/musebe\/video-governance-guide\">github.com\/musebe\/video-governance-guide<\/a><\/p>\n<\/li>\n<\/ul>\n<h2>Project Configuration<\/h2>\n<h3>Spinning Up and Installing Dependencies<\/h3>\n<p>Start by initializing a <strong>Next.js 16<\/strong> app with <strong>TypeScript<\/strong> and <strong>Tailwind CSS<\/strong>. Then, install the <strong>Cloudinary SDK<\/strong> and the <strong>Shadcn UI<\/strong> engine, which includes <code>lucide-react<\/code> for your icons.<\/p>\n<p>Run these commands in your terminal:<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css shcb-wrap-lines\"># 1. <span class=\"hljs-selector-tag\">Create<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">Next<\/span><span class=\"hljs-selector-class\">.js<\/span> 16 <span class=\"hljs-selector-tag\">App<\/span>\n<span class=\"hljs-selector-tag\">npx<\/span> <span class=\"hljs-selector-tag\">create-next-app<\/span><span class=\"hljs-keyword\">@latest<\/span> video-governance --typescript --tailwind --eslint\n\n# <span class=\"hljs-number\">2<\/span>. Initialize Shadcn UI (Select <span class=\"hljs-string\">'New York'<\/span>, <span class=\"hljs-string\">'Slate'<\/span>, <span class=\"hljs-string\">'Yes'<\/span> to CSS variables)\nnpx shadcn@latest init\n\n# <span class=\"hljs-number\">3<\/span>. Install Core Engines\nnpm install next-cloudinary lucide-react\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h3>Environment Variables (<code>.env.local<\/code>)<\/h3>\n<p>Create a <code>.env.local<\/code> file in your root. This is the <strong>security bridge<\/strong> between your app and Cloudinary\u2019s AI.<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php shcb-wrap-lines\"><span class=\"hljs-comment\"># Public: For the Client-Side Upload Widget<\/span>\nNEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=<span class=\"hljs-string\">\"&lt;YOUR_CLOUD_NAME&gt;\"<\/span>\nNEXT_PUBLIC_CLOUDINARY_API_KEY=<span class=\"hljs-string\">\"&lt;YOUR_API_KEY&gt;\"<\/span>\n\n<span class=\"hljs-comment\"># Private: For Server Actions &amp; Admin API (NEVER expose this)<\/span>\nCLOUDINARY_API_SECRET=<span class=\"hljs-string\">\"&lt;YOUR_API_SECRET&gt;\"<\/span>\n\n<span class=\"hljs-comment\"># Config: The Upload Preset we created<\/span>\nNEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET=<span class=\"hljs-string\">\"video-governance-preset\"<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h3>The Singleton Engine (<code>lib\/cloudinary.ts<\/code>)<\/h3>\n<p>This is the <strong>Core Engine #1<\/strong>. Instead of importing <code>v2<\/code> everywhere, you\u2019ll configure it <strong>once<\/strong> here. This prevents the common <em>\u201cMust supply api_key\u201d<\/em> error by ensuring the SDK is always initialized with your environment variables before any API call is made.<\/p>\n<blockquote>\n<p>View the file on <a href=\"https:\/\/github.com\/musebe\/video-governance-guide\/blob\/main\/lib\/cloudinary.ts\">GitHub<\/a>.<\/p>\n<\/blockquote>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-wrap-lines\"><span class=\"hljs-keyword\">import<\/span> { v2 <span class=\"hljs-keyword\">as<\/span> cloudinary } <span class=\"hljs-keyword\">from<\/span> <span class=\"hljs-string\">\"cloudinary\"<\/span>;\n\n<span class=\"hljs-comment\">\/\/ Global Configuration<\/span>\ncloudinary.config({\n  <span class=\"hljs-attr\">cloud_name<\/span>: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n  <span class=\"hljs-attr\">api_key<\/span>: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n  <span class=\"hljs-attr\">api_secret<\/span>: process.env.CLOUDINARY_API_SECRET,\n  <span class=\"hljs-attr\">secure<\/span>: <span class=\"hljs-literal\">true<\/span>, <span class=\"hljs-comment\">\/\/ Force HTTPS<\/span>\n});\n\n<span class=\"hljs-keyword\">export<\/span> <span class=\"hljs-keyword\">default<\/span> cloudinary;\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h3>Cloudinary Dashboard Setup<\/h3>\n<p>For the \u201cAgentic\u201d pipeline to work, you must enable two <strong>Add-ons<\/strong> in your Cloudinary Dashboard:<\/p>\n<ol>\n<li>\n<strong>AWS Rekognition Video Moderation<\/strong> for safety checks.<\/li>\n<li>\n<strong>Microsoft Azure Video Indexer<\/strong> for auto-tagging.<\/li>\n<\/ol>\n<h2>Building the Secure Upload Pipeline<\/h2>\n<h3>The Secure Signature Flow<\/h3>\n<p>Security is paramount. You don\u2019t expose your <code>CLOUDINARY_API_SECRET<\/code> to the client. Instead, you\u2019ll use a <strong>Signed Upload<\/strong> pattern:<\/p>\n<ol>\n<li>\n<strong>Client<\/strong> requests a signature.<\/li>\n<li>\n<strong>Server<\/strong> validates and signs the request using the secret.<\/li>\n<li>\n<strong>Client<\/strong> uploads the video to Cloudinary with that signature.<\/li>\n<\/ol>\n<h3>The Signature Engine (<code>api\/sign-cloudinary\/route.ts<\/code>)<\/h3>\n<p>This API route acts as the gatekeeper. It receives parameters from the client, signs them using the SDK\u2019s utility function, and returns the signature.<\/p>\n<blockquote>\n<p>View the file on <a href=\"https:\/\/github.com\/musebe\/video-governance-guide\/blob\/main\/app\/api\/sign-cloudinary\/route.ts\">GitHub<\/a>.<\/p>\n<\/blockquote>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-wrap-lines\"><span class=\"hljs-keyword\">import<\/span> { v2 <span class=\"hljs-keyword\">as<\/span> cloudinary } <span class=\"hljs-keyword\">from<\/span> <span class=\"hljs-string\">\"cloudinary\"<\/span>;\n\n<span class=\"hljs-keyword\">export<\/span> <span class=\"hljs-keyword\">async<\/span> <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title\">POST<\/span>(<span class=\"hljs-params\">request: Request<\/span>) <\/span>{\n  <span class=\"hljs-keyword\">const<\/span> body = <span class=\"hljs-keyword\">await<\/span> request.json();\n  <span class=\"hljs-keyword\">const<\/span> { paramsToSign } = body;\n\n  <span class=\"hljs-comment\">\/\/ CORE ENGINE: Generate signature using the Secret<\/span>\n  <span class=\"hljs-keyword\">const<\/span> signature = cloudinary.utils.api_sign_request(\n    paramsToSign,\n    process.env.CLOUDINARY_API_SECRET <span class=\"hljs-keyword\">as<\/span> string\n  );\n\n  <span class=\"hljs-keyword\">return<\/span> Response.json({ signature });\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h3>The Client Uploader (<code>InteractivePipeline.tsx<\/code>)<\/h3>\n<p>You\u2019ll use the <code>CldUploadWidget<\/code> to handle chunking and retries. The key configuration is pointing <code>signatureEndpoint<\/code> to our route above.<\/p>\n<blockquote>\n<p>View the file on <a href=\"https:\/\/github.com\/musebe\/video-governance-guide\/blob\/main\/app\/_components\/InteractivePipeline.tsx\">GitHub<\/a>.<\/p>\n<\/blockquote>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-wrap-lines\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">CldUploadWidget<\/span>\n  <span class=\"hljs-attr\">signatureEndpoint<\/span>=<span class=\"hljs-string\">\"\/api\/sign-cloudinary\"<\/span> \/\/ <span class=\"hljs-attr\">Points<\/span> <span class=\"hljs-attr\">to<\/span> <span class=\"hljs-attr\">our<\/span> <span class=\"hljs-attr\">secure<\/span> <span class=\"hljs-attr\">route<\/span>\n  <span class=\"hljs-attr\">uploadPreset<\/span>=<span class=\"hljs-string\">{process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET}<\/span>\n  <span class=\"hljs-attr\">onSuccess<\/span>=<span class=\"hljs-string\">{(result)<\/span> =&gt;<\/span> {\n    \/\/ Trigger Server Action to refresh the gallery immediately\n    startTransition(() =&gt; refreshGallery());\n  }}\n&gt;\n  {({ open }) =&gt; (\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">Button<\/span> <span class=\"hljs-attr\">onClick<\/span>=<span class=\"hljs-string\">{()<\/span> =&gt;<\/span> open()}&gt;\n       Upload Video\n    <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">Button<\/span>&gt;<\/span>\n  )}\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">CldUploadWidget<\/span>&gt;<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h3>The Revalidation Action (<code>actions.ts<\/code>)<\/h3>\n<p>Using <strong>Next.js 16 Server Actions<\/strong>, you\u2019ll instantly refresh the UI after an upload without a full page reload.<\/p>\n<blockquote>\n<p>View the file on GitHub](<a href=\"https:\/\/github.com\/musebe\/video-governance-guide\/blob\/main\/app\/video-pipeline\/actions.ts\">https:\/\/github.com\/musebe\/video-governance-guide\/blob\/main\/app\/video-pipeline\/actions.ts<\/a>).<\/p>\n<\/blockquote>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-6\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-wrap-lines\"><span class=\"hljs-string\">\"use server\"<\/span>;\n<span class=\"hljs-keyword\">import<\/span> { revalidatePath } <span class=\"hljs-keyword\">from<\/span> <span class=\"hljs-string\">\"next\/cache\"<\/span>;\n\n<span class=\"hljs-keyword\">export<\/span> <span class=\"hljs-keyword\">async<\/span> <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title\">refreshGallery<\/span>(<span class=\"hljs-params\"><\/span>) <\/span>{\n  revalidatePath(<span class=\"hljs-string\">\"\/\"<\/span>); <span class=\"hljs-comment\">\/\/ Purges the cache for the home page<\/span>\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-6\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h2>The Data Layer: Fetching and Caching<\/h2>\n<h3>Accessing the Cloudinary Admin API<\/h3>\n<p>To build your governance dashboard, you\u2019ll use the Cloudinary Admin API (<code>cloudinary.api.resources<\/code>) and fetch the list of uploaded videos along with their <strong>moderation status<\/strong> and <strong>AI tags<\/strong>.<\/p>\n<blockquote>\n<p>View the file on <a href=\"https:\/\/github.com\/musebe\/video-governance-guide\/blob\/main\/app\/video-pipeline\/data.ts\">GitHub<\/a>.<\/p>\n<\/blockquote>\n<h3>Bypassing Cache for Real-Time Updates<\/h3>\n<p>By default, Next.js caches data aggressively. However, moderation happens seconds after upload. If you cache the \u201cPending\u201d state, the user will never see the \u201cApproved\u201d state.<\/p>\n<p>Use <code>unstable_noStore()<\/code> to opt out of caching for this specific request, ensuring you\u2019ll always get a fresh status from Cloudinary.<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-7\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-wrap-lines\"><span class=\"hljs-keyword\">import<\/span> cloudinary <span class=\"hljs-keyword\">from<\/span> <span class=\"hljs-string\">\"@\/lib\/cloudinary\"<\/span>;\n<span class=\"hljs-keyword\">import<\/span> { unstable_noStore <span class=\"hljs-keyword\">as<\/span> noStore } <span class=\"hljs-keyword\">from<\/span> <span class=\"hljs-string\">\"next\/cache\"<\/span>;\n\n<span class=\"hljs-keyword\">export<\/span> <span class=\"hljs-keyword\">async<\/span> <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title\">getGovernedVideos<\/span>(<span class=\"hljs-params\"><\/span>) <\/span>{\n  noStore(); <span class=\"hljs-comment\">\/\/ CORE ENGINE: Forces fresh data on every request<\/span>\n\n  <span class=\"hljs-keyword\">try<\/span> {\n    <span class=\"hljs-keyword\">const<\/span> results = <span class=\"hljs-keyword\">await<\/span> cloudinary.api.resources({\n      <span class=\"hljs-attr\">type<\/span>: <span class=\"hljs-string\">\"upload\"<\/span>,\n      <span class=\"hljs-attr\">prefix<\/span>: <span class=\"hljs-string\">\"governance\/uploads\"<\/span>, <span class=\"hljs-comment\">\/\/ Target specific folder<\/span>\n      <span class=\"hljs-attr\">resource_type<\/span>: <span class=\"hljs-string\">\"video\"<\/span>,\n      <span class=\"hljs-attr\">moderation<\/span>: <span class=\"hljs-literal\">true<\/span>, <span class=\"hljs-comment\">\/\/ Fetch AI safety status<\/span>\n      <span class=\"hljs-attr\">tags<\/span>: <span class=\"hljs-literal\">true<\/span>, <span class=\"hljs-comment\">\/\/ Fetch AI content tags<\/span>\n      <span class=\"hljs-attr\">max_results<\/span>: <span class=\"hljs-number\">50<\/span>,\n      <span class=\"hljs-attr\">direction<\/span>: <span class=\"hljs-string\">\"desc\"<\/span>,\n    });\n    <span class=\"hljs-keyword\">return<\/span> results.resources;\n  } <span class=\"hljs-keyword\">catch<\/span> (error) {\n    <span class=\"hljs-built_in\">console<\/span>.error(<span class=\"hljs-string\">\"Fetch Error:\"<\/span>, error);\n    <span class=\"hljs-keyword\">return<\/span> &#91;];\n  }\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-7\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h3>Type Safety (<code>VideoAsset<\/code>)<\/h3>\n<p>To avoid <code>any<\/code> types and ensure our UI handles the data correctly, define a strict interface that matches the Admin API response structure.<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-8\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php shcb-wrap-lines\">export <span class=\"hljs-class\"><span class=\"hljs-keyword\">interface<\/span> <span class=\"hljs-title\">VideoAsset<\/span> <\/span>{\n  public_id: string;\n  created_at: string;\n  format: string;\n  bytes: number;\n  moderation_status?: <span class=\"hljs-string\">\"approved\"<\/span> | <span class=\"hljs-string\">\"rejected\"<\/span> | <span class=\"hljs-string\">\"pending\"<\/span>;\n  tags?: string&#91;];\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-8\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h2>The Governance Dashboard (Server Component)<\/h2>\n<h3>UI Strategy: \u2018Trust, but Verify\u2019<\/h3>\n<p>This is the <strong>Core Engine #2<\/strong>. You\u2019ll implement a pessimistic security model where content is hidden by default until explicitly approved by the AI. This protects users from ever seeing harmful uploads while they\u2019re being processed.<\/p>\n<blockquote>\n<p>View the file on <a href=\"https:\/\/github.com\/musebe\/video-governance-guide\/blob\/main\/app\/_components\/VideoGallery.tsx\">GitHub<\/a>.<\/p>\n<\/blockquote>\n<h3>The Decision Engine<\/h3>\n<p>Inside your server component, map over the video list and switch entirely based on the <code>moderation_status<\/code>. Note that the <code>&lt;VideoPlayer&gt;<\/code> is <strong>only<\/strong> rendered if the status is strictly <code>'approved'<\/code>.<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-9\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-wrap-lines\">{\n  videos.map(<span class=\"hljs-function\">(<span class=\"hljs-params\">video<\/span>) =&gt;<\/span> {\n    <span class=\"hljs-keyword\">const<\/span> status = video.moderation_status || <span class=\"hljs-string\">\"pending\"<\/span>;\n    <span class=\"hljs-keyword\">const<\/span> isSafe = status === <span class=\"hljs-string\">\"approved\"<\/span>;\n    <span class=\"hljs-keyword\">const<\/span> isRejected = status === <span class=\"hljs-string\">\"rejected\"<\/span>;\n\n    <span class=\"hljs-keyword\">return<\/span> (\n      <span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">Card<\/span> <span class=\"hljs-attr\">key<\/span>=<span class=\"hljs-string\">{video.public_id}<\/span>&gt;<\/span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">className<\/span>=<span class=\"hljs-string\">\"aspect-video relative\"<\/span>&gt;<\/span>\n          {\/* CASE 1: SAFE -&gt; Render the Player *\/}\n          {isSafe &amp;&amp; <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">VideoPlayer<\/span> <span class=\"hljs-attr\">publicId<\/span>=<span class=\"hljs-string\">{video.public_id}<\/span> \/&gt;<\/span>}\n\n          {\/* CASE 2: REJECTED -&gt; Render the Shield *\/}\n          {isRejected &amp;&amp; (\n            <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">className<\/span>=<span class=\"hljs-string\">\"flex flex-col items-center justify-center bg-red-50 text-red-600 h-full\"<\/span>&gt;<\/span>\n              <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">ShieldAlert<\/span> <span class=\"hljs-attr\">className<\/span>=<span class=\"hljs-string\">\"h-10 w-10\"<\/span> \/&gt;<\/span>\n              <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">className<\/span>=<span class=\"hljs-string\">\"font-bold\"<\/span>&gt;<\/span>Content Blocked<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span>\n            <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n          )}\n\n          {\/* CASE 3: PENDING -&gt; Render the Loader *\/}\n          {!isSafe &amp;&amp; !isRejected &amp;&amp; (\n            <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">className<\/span>=<span class=\"hljs-string\">\"flex flex-col items-center justify-center h-full\"<\/span>&gt;<\/span>\n              <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">Loader2<\/span> <span class=\"hljs-attr\">className<\/span>=<span class=\"hljs-string\">\"animate-spin text-blue-500\"<\/span> \/&gt;<\/span>\n              <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span>&gt;<\/span>AI Moderation in Progress...<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span>\n            <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n          )}\n        <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n      <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">Card<\/span>&gt;<\/span><\/span>\n    );\n  });\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-9\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h3>Visualizing AI Tags<\/h3>\n<p>You\u2019ll also conditionally render the tags. If a video is rejected, make sure to hide the tags as well, since they might contain sensitive descriptions of the blocked content.<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-10\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-wrap-lines\">{\n  !isRejected &amp;&amp; video.tags &amp;&amp; (\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">className<\/span>=<span class=\"hljs-string\">\"flex gap-2\"<\/span>&gt;<\/span>\n      {video.tags.map((tag) =&gt; (\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">Badge<\/span> <span class=\"hljs-attr\">key<\/span>=<span class=\"hljs-string\">{tag}<\/span> <span class=\"hljs-attr\">variant<\/span>=<span class=\"hljs-string\">\"secondary\"<\/span>&gt;<\/span>\n          {tag}\n        <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">Badge<\/span>&gt;<\/span>\n      ))}\n    <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n  );\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-10\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h2>The Interactive Player (Client Component)<\/h2>\n<h3>Solving Server\/Client Conflicts<\/h3>\n<p>The standard Cloudinary video player needs browser APIs (<code>window<\/code>, <code>document<\/code>) to attach event listeners and handle media streams. However, your Governance Dashboard is a <strong>Server Component<\/strong> (to keep API keys secure).<\/p>\n<p>If you try to render the player directly, Next.js will throw a <code>useState only works in Client Components<\/code> error. Solve this with the <strong>Client Wrapper Pattern<\/strong>.<\/p>\n<h3>The Wrapper Pattern (<code>VideoPlayer.tsx<\/code>)<\/h3>\n<p>Create a dedicated component marked with <code>&quot;use client&quot;<\/code>. This isolates the interactive logic from the server-side fetching logic.<\/p>\n<blockquote>\n<p>View the file on <a href=\"https:\/\/github.com\/musebe\/video-governance-guide\/blob\/main\/app\/_components\/VideoPlayer.tsx\">GitHub<\/a>.<\/p>\n<\/blockquote>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-11\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-wrap-lines\"><span class=\"hljs-string\">\"use client\"<\/span>;\n\n<span class=\"hljs-keyword\">import<\/span> { CldVideoPlayer } <span class=\"hljs-keyword\">from<\/span> <span class=\"hljs-string\">\"next-cloudinary\"<\/span>;\n<span class=\"hljs-keyword\">import<\/span> <span class=\"hljs-string\">\"next-cloudinary\/dist\/cld-video-player.css\"<\/span>;\n<span class=\"hljs-keyword\">import<\/span> { useState } <span class=\"hljs-keyword\">from<\/span> <span class=\"hljs-string\">\"react\"<\/span>;\n\n<span class=\"hljs-keyword\">export<\/span> <span class=\"hljs-keyword\">default<\/span> <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title\">VideoPlayer<\/span>(<span class=\"hljs-params\">{ publicId }: { publicId: string }<\/span>) <\/span>{\n  <span class=\"hljs-keyword\">const<\/span> &#91;error, setError] = useState(<span class=\"hljs-literal\">false<\/span>);\n\n  <span class=\"hljs-comment\">\/\/ CORE ENGINE: Error Handling for HLS Delays<\/span>\n  <span class=\"hljs-comment\">\/\/ If the HLS stream isn't ready, we catch the error and show a loader<\/span>\n  <span class=\"hljs-keyword\">if<\/span> (error) {\n    <span class=\"hljs-keyword\">return<\/span> <span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">className<\/span>=<span class=\"hljs-string\">\"text-zinc-500\"<\/span>&gt;<\/span>Processing Media...<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span>;\n  }\n\n  <span class=\"hljs-keyword\">return<\/span> (\n    <span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">CldVideoPlayer<\/span>\n      <span class=\"hljs-attr\">width<\/span>=<span class=\"hljs-string\">\"1920\"<\/span>\n      <span class=\"hljs-attr\">height<\/span>=<span class=\"hljs-string\">\"1080\"<\/span>\n      <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">{publicId}<\/span>\n      <span class=\"hljs-attr\">onError<\/span>=<span class=\"hljs-string\">{()<\/span> =&gt;<\/span> setError(true)} \/\/ Catch transcoding errors\n      controls\n    \/&gt;<\/span>\n  );\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-11\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h3>Handling Transcoding Delays<\/h3>\n<p>When a video is first uploaded, Cloudinary generates the adaptive streaming formats (HLS\/DASH) in the background. This can take a few seconds.<\/p>\n<ul>\n<li>\n<strong>The problem.<\/strong> The player might try to load <code>.m3u8<\/code> before it exists, causing a \u201cMedia Not Supported\u201d error.<\/li>\n<li>\n<strong>The fix.<\/strong> Your <code>onError<\/code> handler catches this specific failure and swaps the player for a \u201cProcessing\u201d state, preventing a broken UI experience.<\/li>\n<\/ul>\n<h2>Final Results: A Self-Governing Video Library<\/h2>\n<p>You\u2019ve built an <strong>Agentic Video Governance Pipeline<\/strong>. By combining <strong>Next.js 16 Server Actions<\/strong> with <strong>Cloudinary\u2019s AI<\/strong>, you eliminated the need for manual moderation. Users get instant feedback, admins get peace of mind that harmful content is blocked automatically, and developers get a clean, type-safe codebase without having to manage complex media servers.<\/p>\n<h3>Future Enhancements<\/h3>\n<p>While this guide covers the loop of uploads and checks, a production-grade system could go further:<\/p>\n<ul>\n<li>\n<strong>Webhooks.<\/strong> Instead of polling or refreshing, use Cloudinary Webhooks to push updates to your database the moment AI processing finishes.<\/li>\n<li>\n<strong>Notifications.<\/strong> Connect the \u201cRejected\u201d state to a Slack bot or Email service to alert a human admin for a final review.<\/li>\n<\/ul>\n<p>You can find the complete source code for this project here: <a href=\"https:\/\/github.com\/musebe\/video-governance-guide\">github.com\/musebe\/video-governance-guide<\/a><\/p>\n<p>Ready to start building your own AI video moderator? <a href=\"https:\/\/cloudinary.com\/users\/register_free\">Sign up<\/a> for a free Cloudinary account today.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":87,"featured_media":39823,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[424,336,203,212,303],"class_list":["post-39822","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-agentic","tag-ai","tag-moderation","tag-next-js","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Automating Video Governance: AI Moderation and Tagging in Next.js<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Automating Video Governance: AI Moderation and Tagging in Next.js\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-19T15:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-20T22:42:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"melindapham\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js\"},\"author\":{\"name\":\"melindapham\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9\"},\"headline\":\"Automating Video Governance: AI Moderation and Tagging in Next.js\",\"datePublished\":\"2026-02-19T15:00:00+00:00\",\"dateModified\":\"2026-02-20T22:42:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js\"},\"wordCount\":10,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA\",\"keywords\":[\"Agentic\",\"AI\",\"Moderation\",\"Next.js\",\"Video\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js\",\"url\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js\",\"name\":\"Automating Video Governance: AI Moderation and Tagging in Next.js\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA\",\"datePublished\":\"2026-02-19T15:00:00+00:00\",\"dateModified\":\"2026-02-20T22:42:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Automating Video Governance: AI Moderation and Tagging in Next.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9\",\"name\":\"melindapham\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g\",\"caption\":\"melindapham\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Automating Video Governance: AI Moderation and Tagging in Next.js","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js","og_locale":"en_US","og_type":"article","og_title":"Automating Video Governance: AI Moderation and Tagging in Next.js","og_url":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js","og_site_name":"Cloudinary Blog","article_published_time":"2026-02-19T15:00:00+00:00","article_modified_time":"2026-02-20T22:42:27+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA","type":"image\/jpeg"}],"author":"melindapham","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js"},"author":{"name":"melindapham","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9"},"headline":"Automating Video Governance: AI Moderation and Tagging in Next.js","datePublished":"2026-02-19T15:00:00+00:00","dateModified":"2026-02-20T22:42:27+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js"},"wordCount":10,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA","keywords":["Agentic","AI","Moderation","Next.js","Video"],"inLanguage":"en-US","copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js","url":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js","name":"Automating Video Governance: AI Moderation and Tagging in Next.js","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA","datePublished":"2026-02-19T15:00:00+00:00","dateModified":"2026-02-20T22:42:27+00:00","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/video-governance-ai-moderation-tagging-next-js#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Automating Video Governance: AI Moderation and Tagging in Next.js"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9","name":"melindapham","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g","caption":"melindapham"}}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1770932705\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js\/Blog_Automating_Video_Governance__AI_Moderation_and_Tagging_in_Next.js.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/39822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/87"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=39822"}],"version-history":[{"count":2,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/39822\/revisions"}],"predecessor-version":[{"id":39825,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/39822\/revisions\/39825"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/39823"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=39822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=39822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=39822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}