diff --git a/apps/docs/content/docs/dev/captcha.mdx b/apps/docs/content/docs/dev/captcha.mdx
new file mode 100644
index 000000000..a84db8596
--- /dev/null
+++ b/apps/docs/content/docs/dev/captcha.mdx
@@ -0,0 +1,295 @@
+---
+title: Captcha
+description: Protect your forms and API call with captcha validation.
+---
+
+## Support
+
+VitNode supports multiple captcha providers. You can choose the one that fits your needs. Currently, we support:
+
+<Cards>
+  <Card
+    title="Cloudflare Turnstile"
+    description="By Cloudflare"
+    href="/docs/guides/captcha/cloudflare"
+  />
+  <Card
+    title="reCAPTCHA v3"
+    description="By Google"
+    href="/docs/guides/captcha/recaptcha"
+  />
+</Cards>
+
+If you need more providers, feel free to open a **Feature Request** on our [GitHub repository](https://github.com/aXenDeveloper/vitnode/issues) :)
+
+## Usage
+
+In this example, we will show you how to use captcha in your forms. We will use the `AutoForm` component to render the form and handle the captcha validation.
+
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+
+<Steps>
+<Step>
+
+### Activate captcha in route
+
+Add `withCaptcha` to your route config to enable captcha validation for this route.
+
+```ts title="plugins/{plugin_name}/src/routes/example.ts"
+import { buildRoute } from '@vitnode/core/api/lib/route';
+
+export const exampleRoute = buildRoute({
+  ...CONFIG_PLUGIN,
+  route: {
+    method: 'post',
+    description: 'Create a new user',
+    path: '/sign_up',
+    withCaptcha: true, // [!code ++]
+  },
+  handler: async c => {},
+});
+```
+
+</Step>
+<Step>
+
+### Get config from middleware API
+
+Get captcha config from middleware API in your view and pass it to your `'use client';` component.
+
+```tsx title="plugins/{plugin_name}/src/app/sing_up/page.tsx"
+import { getMiddlewareApi } from '@vitnode/core/lib/api/get-middleware-api'; // [!code ++]
+
+export const SignUpView = async () => {
+  const { captcha } = await getMiddlewareApi(); // [!code ++]
+
+  return <FormSignUp captcha={captcha} />;
+};
+```
+
+</Step>
+<Step>
+
+### Use in form
+
+Get the `captcha` config from the props and pass it to the `AutoForm` component. This will render the captcha widget in your form.
+
+```tsx title="plugins/{plugin_name}/src/components/form/sign-up/sign-up.tsx"
+'use client';
+
+import { AutoForm } from '@vitnode/core/components/form/auto-form';
+
+export const FormSignUp = ({
+  captcha, // [!code ++]
+}: {
+  captcha: z.infer<typeof routeMiddlewareSchema>['captcha']; // [!code ++]
+}) => {
+  return (
+    <AutoForm<typeof formSchema>
+      captcha={captcha} // [!code ++]
+      fields={[]}
+      formSchema={formSchema}
+    />
+  );
+};
+```
+
+<Card
+  title="AutoForm"
+  description="Lear more about the AutoForm component and how to use it."
+  href="/docs/ui/auto-form"
+/>
+
+</Step>
+<Step>
+
+### Submit form with captcha
+
+In your form submission handler, you can get the `captchaToken` from the form submission context and pass it to your mutation API.
+
+```tsx title="plugins/{plugin_name}/src/components/form/sign-up/sign-up.tsx"
+'use client';
+
+import {
+  AutoForm,
+  type AutoFormOnSubmit, // [!code ++]
+} from '@vitnode/core/components/form/auto-form';
+
+export const FormSignUp = ({
+  captcha,
+}: {
+  captcha: z.infer<typeof routeMiddlewareSchema>['captcha'];
+}) => {
+  const onSubmit: AutoFormOnSubmit<typeof formSchema> = async (
+    values,
+    form,
+    { captchaToken }, // [!code ++]
+  ) => {
+    // Call your mutation API with captcha token
+    await mutationApi({
+      ...values,
+      captchaToken, // [!code ++]
+    });
+
+    // Handle success or error
+  };
+
+  return (
+    <AutoForm<typeof formSchema>
+      captcha={captcha}
+      fields={[]}
+      onSubmit={onSubmit} // [!code ++]
+      formSchema={formSchema}
+    />
+  );
+};
+```
+
+Next, you need to set `captchaToken` in your mutation API call. This token is provided by the `AutoForm` component when the form is submitted.
+
+```tsx title="plugins/{plugin_name}/src/components/form/sign-up/mutation-api.ts"
+'use server';
+
+import type { z } from 'zod';
+
+import { fetcher } from '@vitnode/core/lib/fetcher';
+
+export const mutationApi = async ({
+  captchaToken, // [!code ++]
+  ...input
+  // [!code ++]
+}: z.infer<typeof zodSignUpSchema> & { captchaToken }) => {
+  const res = await fetcher(usersModule, {
+    path: '/sign_up',
+    method: 'post',
+    module: 'users',
+    captchaToken, // [!code ++]
+    args: {
+      body: input,
+    },
+  });
+
+  if (res.status !== 201) {
+    return { error: await res.text() };
+  }
+
+  const data = await res.json();
+
+  return { data };
+};
+```
+
+</Step>
+</Steps>
+
+## Custom Usage
+
+If you want to use captcha in your custom form or somewhere else, follow these steps.
+
+<Steps>
+<Step>
+
+### Activate captcha in route
+
+```ts title="plugins/{plugin_name}/src/routes/example.ts"
+import { buildRoute } from '@vitnode/core/api/lib/route';
+
+export const exampleRoute = buildRoute({
+  ...CONFIG_PLUGIN,
+  route: {
+    method: 'post',
+    description: 'Create a new user',
+    path: '/sign_up',
+    withCaptcha: true, // [!code ++]
+  },
+  handler: async c => {},
+});
+```
+
+</Step>
+<Step>
+
+### Get config from middleware API
+
+```tsx title="plugins/{plugin_name}/src/app/sing_up/page.tsx"
+import { getMiddlewareApi } from '@vitnode/core/lib/api/get-middleware-api'; // [!code ++]
+
+export const SignUpView = async () => {
+  const { captcha } = await getMiddlewareApi(); // [!code ++]
+
+  return <FormSignUp captcha={captcha} />;
+};
+```
+
+</Step>
+<Step>
+
+### Use `useCaptcha` hook
+
+Inside your client component, use the `useCaptcha` hook to handle captcha rendering and validation. Remember to add `div` with `id="vitnode_captcha"` where you want the captcha widget to appear.
+
+```tsx title="plugins/{plugin_name}/src/components/form/sign-up/sign-up.tsx"
+'use client';
+
+import { AutoForm } from '@vitnode/core/components/form/auto-form';
+
+export const FormSignUp = ({
+  captcha, // [!code ++]
+}: {
+  captcha: z.infer<typeof routeMiddlewareSchema>['captcha']; // [!code ++]
+}) => {
+  // [!code ++]
+  const { isReady, getToken, onReset } = useCaptcha(captcha);
+
+  const onSubmit = async () => {
+    await mutationApi({
+      // ...other values,
+      captchaToken: await getToken(), // [!code ++]
+    });
+
+    // Handle success or error
+    // [!code ++]
+    onReset(); // Reset captcha after submission
+  };
+
+  return (
+    <form onSubmit={onSubmit}>
+      {/* Render captcha widget */}
+      {/* [!code ++] */}
+      <div id="vitnode_captcha" />
+
+      <Button disabled={!isReady}>Submit</Button>
+    </form>
+  );
+};
+```
+
+</Step>
+<Step>
+
+### Submit form with captcha
+
+```tsx title="plugins/{plugin_name}/src/components/form/sign-up/mutation-api.ts"
+'use server';
+
+import type { z } from 'zod';
+
+import { fetcher } from '@vitnode/core/lib/fetcher';
+
+export const mutationApi = async ({
+  captchaToken, // [!code ++]
+}: {
+  // [!code ++]
+  captchaToken;
+}) => {
+  await fetcher(usersModule, {
+    path: '/test',
+    method: 'post',
+    module: 'blog',
+    captchaToken, // [!code ++]
+  });
+};
+```
+
+</Step>
+</Steps>
diff --git a/apps/docs/content/docs/dev/index.mdx b/apps/docs/content/docs/dev/index.mdx
index fd066bb90..214cbeaea 100644
--- a/apps/docs/content/docs/dev/index.mdx
+++ b/apps/docs/content/docs/dev/index.mdx
@@ -27,3 +27,7 @@ npx create-vitnode-app@canary
 ```
 
 </Tabs>
+
+## Why VitNode?
+
+something here
diff --git a/apps/docs/content/docs/dev/meta.json b/apps/docs/content/docs/dev/meta.json
index 8dbb14c8c..f60c036b0 100644
--- a/apps/docs/content/docs/dev/meta.json
+++ b/apps/docs/content/docs/dev/meta.json
@@ -21,6 +21,7 @@
     "---Framework---",
     "config",
     "logging",
+    "captcha",
     "---Advanced---",
     "..."
   ]
diff --git a/apps/docs/content/docs/guides/captcha/cloudflare.mdx b/apps/docs/content/docs/guides/captcha/cloudflare.mdx
index e8c054a63..daa076466 100644
--- a/apps/docs/content/docs/guides/captcha/cloudflare.mdx
+++ b/apps/docs/content/docs/guides/captcha/cloudflare.mdx
@@ -31,9 +31,11 @@ Follow the instructions to add your domain. If you have any trouble, you can che
 
 Go to the `Turnstile` section and create a new widget.
 
-// import homeTurnstile from '@/assets/guides/captcha/cloudflare.png';
+import homeTurnstile from './cloudflare.png';
 
-{/* <ImgDocs src={homeTurnstile} alt="Cloudflare Turnstile Home" /> */}
+import { ImgDocs } from '@/components/fumadocs/img';
+
+<ImgDocs src={homeTurnstile} alt="Cloudflare Turnstile Home" />
 
 </Step>
 
@@ -62,8 +64,8 @@ After you create the widget, you will get the `Site Key` and `Secret Key`. Save
 Add the keys to your `.env` file.
 
 ```bash
-CAPTCHA_SECRET_KEY=XXX
-CAPTCHA_SITE_KEY=XXX
+CLOUDFLARE_TURNSTILE_SITE_KEY=XXX
+CLOUDFLARE_TURNSTILE_SECRET_KEY=XXX
 ```
 
 </Step>
@@ -72,35 +74,17 @@ CAPTCHA_SITE_KEY=XXX
 
 ## Provide keys to VitNode
 
-Edit your `app.module.ts` file and add `captcha` object to the `VitNodeModule` configuration.
-
-```ts
-@Module({
-  imports: [
-    VitNodeCoreModule.register({
-      database: {
-        config: DATABASE_ENVS,
-        schemaDatabase,
-      },
-      // [!code ++]
-      captcha: {
-        // [!code ++]
-        type: 'cloudflare_turnstile',
-        // [!code ++]
-        site_key: process.env.CAPTCHA_SITE_KEY,
-        // [!code ++]
-        secret_key: process.env.CAPTCHA_SECRET_KEY,
-        // [!code ++]
-      },
-    }),
-    DatabaseModule,
-    PluginsModule,
-    CacheModule.register({
-      isGlobal: true,
-    }),
-  ],
-})
-export class AppModule {}
+```ts title="src/vitnode.api.config.ts"
+import { buildApiConfig } from '@vitnode/core/vitnode.config';
+
+export const vitNodeApiConfig = buildApiConfig({
+  // [!code ++:5]
+  captcha: {
+    type: 'cloudflare_turnstile',
+    siteKey: process.env.CLOUDFLARE_TURNSTILE_SITE_KEY,
+    secretKey: process.env.CLOUDFLARE_TURNSTILE_SECRET_KEY,
+  },
+});
 ```
 
 </Step>
diff --git a/apps/docs/content/docs/guides/captcha/cloudflare.png b/apps/docs/content/docs/guides/captcha/cloudflare.png
new file mode 100644
index 000000000..8698d160c
Binary files /dev/null and b/apps/docs/content/docs/guides/captcha/cloudflare.png differ
diff --git a/apps/docs/content/docs/guides/captcha/google.mdx b/apps/docs/content/docs/guides/captcha/google.mdx
deleted file mode 100644
index ba2179316..000000000
--- a/apps/docs/content/docs/guides/captcha/google.mdx
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: Google reCAPTCHA
-description: How to integrate Google reCAPTCHA in your application.
----
-
-import { Step, Steps } from 'fumadocs-ui/components/steps';
-
-<Steps>
-<Step>
-
-## Sign in to Google reCAPTCHA
-
-Go into [Google reCAPTCHA](https://www.google.com/recaptcha) and sign in.
-
-</Step>
-
-<Step>
-
-## Register a new site
-
-Select `Create` button inside the `Register a new site` section.
-
-// import homeRecaptcha from '@/assets/guides/captcha/google.png';
-
-{/* <ImgDocs src={homeRecaptcha} alt="Google reCAPTCHA Home" /> */}
-
-Add your domain and select the reCAPTCHA type you want to use.
-
-</Step>
-
-<Step>
-
-## Add keys to .env
-
-Add the keys to your `.env` file.
-
-```bash
-CAPTCHA_SECRET_KEY=XXX
-CAPTCHA_SITE_KEY=XXX
-```
-
-</Step>
-
-<Step>
-
-## Provide keys to VitNode
-
-Edit your `app.module.ts` file and add `captcha` object to the `VitNodeModule` configuration.
-
-```ts
-@Module({
-  imports: [
-    VitNodeCoreModule.register({
-      database: {
-        config: DATABASE_ENVS,
-        schemaDatabase,
-      },
-      // [!code ++]
-      captcha: {
-        // [!code ++]
-        type: 'recaptcha_v3', // or 'recaptcha_v2_invisible' or 'recaptcha_v2_checkbox'
-        // [!code ++]
-        site_key: process.env.CAPTCHA_SITE_KEY,
-        // [!code ++]
-        secret_key: process.env.CAPTCHA_SECRET_KEY,
-        // [!code ++]
-      },
-    }),
-    DatabaseModule,
-    PluginsModule,
-    CacheModule.register({
-      isGlobal: true,
-    }),
-  ],
-})
-export class AppModule {}
-```
-
-</Step>
-
-</Steps>
diff --git a/apps/docs/content/docs/guides/captcha/index.mdx b/apps/docs/content/docs/guides/captcha/index.mdx
index cf8c1c0b0..b377a228f 100644
--- a/apps/docs/content/docs/guides/captcha/index.mdx
+++ b/apps/docs/content/docs/guides/captcha/index.mdx
@@ -9,7 +9,17 @@ Captcha is a security feature that protects your application from spam, abuse, a
 
 VitNode provides a build-in way to integrate Captcha in your application for:
 
-- [Google reCAPTCHA](/docs/guides/captcha/google)
-- [Cloudflare Turnstile](/docs/guides/captcha/cloudflare)
+<Cards>
+  <Card
+    title="Cloudflare Turnstile"
+    description="By Cloudflare"
+    href="/docs/guides/captcha/cloudflare"
+  />
+  <Card
+    title="reCAPTCHA v3"
+    description="By Google"
+    href="/docs/guides/captcha/recaptcha"
+  />
+</Cards>
 
 Choose one of the providers and follow the guide to integrate it into your application.
diff --git a/apps/docs/content/docs/guides/captcha/recaptcha.mdx b/apps/docs/content/docs/guides/captcha/recaptcha.mdx
new file mode 100644
index 000000000..b1ccd6175
--- /dev/null
+++ b/apps/docs/content/docs/guides/captcha/recaptcha.mdx
@@ -0,0 +1,74 @@
+---
+title: Google reCAPTCHA
+description: How to integrate Google reCAPTCHA in your application.
+---
+
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+
+<Steps>
+<Step>
+
+## Sign in to Google reCAPTCHA
+
+Go into [Google reCAPTCHA](https://www.google.com/recaptcha/admin/) and sign in.
+
+</Step>
+
+<Step>
+
+## Register a new site
+
+Select `Create` button inside the `Register a new site` section.
+
+import homeRecaptcha from './recaptcha.png';
+
+import { ImgDocs } from '@/components/fumadocs/img';
+
+<ImgDocs
+  src={homeRecaptcha}
+  className="*:max-w-[75%]"
+  alt="Google reCAPTCHA Home"
+/>
+
+Add your domain and select the `reCAPTCHA v3` type.
+
+<Callout title="reCAPTCHA v2 is not supported!" type="error">
+  In VitNode, we want to move forward with the latest technologies and
+  standards. Therefore, we do not support reCAPTCHA v2.
+</Callout>
+
+</Step>
+
+<Step>
+
+## Add keys to .env
+
+Add the keys to your `.env` file.
+
+```bash
+RECAPTCHA_SITE_KEY=XXX
+RECAPTCHA_SECRET_KEY=XXX
+```
+
+</Step>
+
+<Step>
+
+## Provide keys to VitNode
+
+```ts title="src/vitnode.api.config.ts"
+import { buildApiConfig } from '@vitnode/core/vitnode.config';
+
+export const vitNodeApiConfig = buildApiConfig({
+  // [!code ++:5]
+  captcha: {
+    type: 'recaptcha_v3',
+    siteKey: process.env.RECAPTCHA_SITE_KEY,
+    secretKey: process.env.RECAPTCHA_SECRET_KEY,
+  },
+});
+```
+
+</Step>
+
+</Steps>
diff --git a/apps/docs/content/docs/guides/captcha/recaptcha.png b/apps/docs/content/docs/guides/captcha/recaptcha.png
new file mode 100644
index 000000000..0247cfda1
Binary files /dev/null and b/apps/docs/content/docs/guides/captcha/recaptcha.png differ
diff --git a/apps/docs/content/docs/ui/auto-form.mdx b/apps/docs/content/docs/ui/auto-form.mdx
index 8f26ba47c..a17ece443 100644
--- a/apps/docs/content/docs/ui/auto-form.mdx
+++ b/apps/docs/content/docs/ui/auto-form.mdx
@@ -131,11 +131,12 @@ The `onSubmit` callback provides access to the React Hook Form instance as a sec
 
 You can also define the submission handler separately:
 
+```ts
+import type { AutoFormOnSubmit } from '@vitnode/core/components/form/auto-form';
+```
+
 ```tsx
-const onSubmit = async (
-  values: z.infer<typeof formSchema>,
-  form: UseFormReturn<z.infer<typeof formSchema>>,
-) => {
+const onSubmit: AutoFormOnSubmit<typeof formSchema> = async (values, form) => {
   try {
     await saveData(values);
     toast.success('Form submitted successfully');
diff --git a/apps/docs/src/app/global.css b/apps/docs/src/app/global.css
index 94a49a750..5c1187fe1 100644
--- a/apps/docs/src/app/global.css
+++ b/apps/docs/src/app/global.css
@@ -22,7 +22,7 @@
   --accent: oklch(0.95 0 0);
   --accent-foreground: oklch(0.205 0 0);
   --destructive: oklch(0.6 0.2 24.45);
-  --warn: oklch(0.57 0.13 82.37);
+  --warn: oklch(0.54 0.12 82.58);
   --border: oklch(0.9 0 0);
   --input: oklch(0.9 0 0);
   --ring: oklch(0.7 0.16 262.61);
diff --git a/apps/docs/src/components/fumadocs/img.tsx b/apps/docs/src/components/fumadocs/img.tsx
index 6592436eb..dabff1d56 100644
--- a/apps/docs/src/components/fumadocs/img.tsx
+++ b/apps/docs/src/components/fumadocs/img.tsx
@@ -7,9 +7,13 @@ export const ImgDocs = ({
   ...props
 }: React.ComponentProps<typeof ImageZoom>) => {
   return (
-    <ImageZoom
-      className={cn('rounded-lg border shadow-lg', className)}
-      {...props}
-    />
+    <div
+      className={cn(
+        'from-fd-primary/10 flex items-center justify-center rounded-xl border bg-gradient-to-br *:max-w-[16rem]',
+        className,
+      )}
+    >
+      <ImageZoom className="rounded-lg" {...props} />
+    </div>
   );
 };
diff --git a/apps/docs/src/content/docs/guides/captcha/cloudflare.mdx b/apps/docs/src/content/docs/guides/captcha/cloudflare.mdx
deleted file mode 100644
index e8c054a63..000000000
--- a/apps/docs/src/content/docs/guides/captcha/cloudflare.mdx
+++ /dev/null
@@ -1,108 +0,0 @@
----
-title: Cloudflare Turnstile
-description: How to integrate Cloudflare Turnstile in your application.
----
-
-import { Step, Steps } from 'fumadocs-ui/components/steps';
-
-<Steps>
-
-<Step>
-
-## Sign in to Cloudflare
-
-Go into [Cloudflare](https://dash.cloudflare.com/) and sign in.
-
-</Step>
-
-<Step>
-
-## Add a domain
-
-Select `Add a domain` button and add your domain.
-
-Follow the instructions to add your domain. If you have any trouble, you can check the [Cloudflare documentation](https://developers.cloudflare.com/fundamentals/setup/manage-domains/add-site/).
-
-</Step>
-
-<Step>
-
-## Create a widget
-
-Go to the `Turnstile` section and create a new widget.
-
-// import homeTurnstile from '@/assets/guides/captcha/cloudflare.png';
-
-{/* <ImgDocs src={homeTurnstile} alt="Cloudflare Turnstile Home" /> */}
-
-</Step>
-
-<Step>
-
-## Configure the widget
-
-Configure the widget to your needs. We support all the mods that Cloudflare provides like `Managed`, `Non-interactive` and `Invisible`.
-
-Remember to add your hostname to the `Hostname Management` list.
-
-</Step>
-
-<Step>
-
-## Get the Site Key & Secret Key
-
-After you create the widget, you will get the `Site Key` and `Secret Key`. Save it, You will need these keys to integrate the widget into your application.
-
-</Step>
-
-<Step>
-
-## Add keys to .env
-
-Add the keys to your `.env` file.
-
-```bash
-CAPTCHA_SECRET_KEY=XXX
-CAPTCHA_SITE_KEY=XXX
-```
-
-</Step>
-
-<Step>
-
-## Provide keys to VitNode
-
-Edit your `app.module.ts` file and add `captcha` object to the `VitNodeModule` configuration.
-
-```ts
-@Module({
-  imports: [
-    VitNodeCoreModule.register({
-      database: {
-        config: DATABASE_ENVS,
-        schemaDatabase,
-      },
-      // [!code ++]
-      captcha: {
-        // [!code ++]
-        type: 'cloudflare_turnstile',
-        // [!code ++]
-        site_key: process.env.CAPTCHA_SITE_KEY,
-        // [!code ++]
-        secret_key: process.env.CAPTCHA_SECRET_KEY,
-        // [!code ++]
-      },
-    }),
-    DatabaseModule,
-    PluginsModule,
-    CacheModule.register({
-      isGlobal: true,
-    }),
-  ],
-})
-export class AppModule {}
-```
-
-</Step>
-
-</Steps>
diff --git a/apps/docs/src/content/docs/guides/captcha/google.mdx b/apps/docs/src/content/docs/guides/captcha/google.mdx
deleted file mode 100644
index ba2179316..000000000
--- a/apps/docs/src/content/docs/guides/captcha/google.mdx
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: Google reCAPTCHA
-description: How to integrate Google reCAPTCHA in your application.
----
-
-import { Step, Steps } from 'fumadocs-ui/components/steps';
-
-<Steps>
-<Step>
-
-## Sign in to Google reCAPTCHA
-
-Go into [Google reCAPTCHA](https://www.google.com/recaptcha) and sign in.
-
-</Step>
-
-<Step>
-
-## Register a new site
-
-Select `Create` button inside the `Register a new site` section.
-
-// import homeRecaptcha from '@/assets/guides/captcha/google.png';
-
-{/* <ImgDocs src={homeRecaptcha} alt="Google reCAPTCHA Home" /> */}
-
-Add your domain and select the reCAPTCHA type you want to use.
-
-</Step>
-
-<Step>
-
-## Add keys to .env
-
-Add the keys to your `.env` file.
-
-```bash
-CAPTCHA_SECRET_KEY=XXX
-CAPTCHA_SITE_KEY=XXX
-```
-
-</Step>
-
-<Step>
-
-## Provide keys to VitNode
-
-Edit your `app.module.ts` file and add `captcha` object to the `VitNodeModule` configuration.
-
-```ts
-@Module({
-  imports: [
-    VitNodeCoreModule.register({
-      database: {
-        config: DATABASE_ENVS,
-        schemaDatabase,
-      },
-      // [!code ++]
-      captcha: {
-        // [!code ++]
-        type: 'recaptcha_v3', // or 'recaptcha_v2_invisible' or 'recaptcha_v2_checkbox'
-        // [!code ++]
-        site_key: process.env.CAPTCHA_SITE_KEY,
-        // [!code ++]
-        secret_key: process.env.CAPTCHA_SECRET_KEY,
-        // [!code ++]
-      },
-    }),
-    DatabaseModule,
-    PluginsModule,
-    CacheModule.register({
-      isGlobal: true,
-    }),
-  ],
-})
-export class AppModule {}
-```
-
-</Step>
-
-</Steps>
diff --git a/apps/docs/src/content/docs/guides/captcha/index.mdx b/apps/docs/src/content/docs/guides/captcha/index.mdx
deleted file mode 100644
index cf8c1c0b0..000000000
--- a/apps/docs/src/content/docs/guides/captcha/index.mdx
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: Captcha
-description: Protecting your application from spam, abuse, and bot attacks is an essential feature
----
-
-Captcha is a security feature that protects your application from spam, abuse, and bot attacks. It's a simple test that only humans can pass, ensuring that the user is a real person and not a bot.
-
-## Supported Captcha providers
-
-VitNode provides a build-in way to integrate Captcha in your application for:
-
-- [Google reCAPTCHA](/docs/guides/captcha/google)
-- [Cloudflare Turnstile](/docs/guides/captcha/cloudflare)
-
-Choose one of the providers and follow the guide to integrate it into your application.
diff --git a/apps/web/src/app/global.css b/apps/web/src/app/global.css
index ef1bf8194..137b81a96 100644
--- a/apps/web/src/app/global.css
+++ b/apps/web/src/app/global.css
@@ -23,7 +23,7 @@
   --accent: oklch(0.95 0 0);
   --accent-foreground: oklch(0.205 0 0);
   --destructive: oklch(0.6 0.2 24.45);
-  --warn: oklch(0.57 0.13 82.37);
+  --warn: oklch(0.54 0.12 82.58);
   --border: oklch(0.9 0 0);
   --input: oklch(0.9 0 0);
   --ring: oklch(0.7 0.16 262.61);
diff --git a/apps/web/src/locales/@vitnode/core/en.json b/apps/web/src/locales/@vitnode/core/en.json
index a9e3936d6..30671a72d 100644
--- a/apps/web/src/locales/@vitnode/core/en.json
+++ b/apps/web/src/locales/@vitnode/core/en.json
@@ -41,6 +41,7 @@
         "internal_server_error": "Internal server error.",
         "field_required": "This field is required.",
         "field_min_length": "This field must be at least {min} characters.",
+        "captcha_internal_error": "Captcha validation failed. Please try again later.",
         "404": {
           "title": "Page Not Found",
           "desc": "Oops! The page you're looking for doesn't exist."
diff --git a/apps/web/src/vitnode.api.config.ts b/apps/web/src/vitnode.api.config.ts
index e4b7d3537..1a4dceb94 100644
--- a/apps/web/src/vitnode.api.config.ts
+++ b/apps/web/src/vitnode.api.config.ts
@@ -17,6 +17,11 @@ export const POSTGRES_URL =
   process.env.POSTGRES_URL || 'postgresql://root:root@localhost:5432/vitnode';
 
 export const vitNodeApiConfig = buildApiConfig({
+  captcha: {
+    type: 'cloudflare_turnstile',
+    siteKey: process.env.CLOUDFLARE_TURNSTILE_SITE_KEY,
+    secretKey: process.env.CLOUDFLARE_TURNSTILE_SECRET_KEY,
+  },
   plugins: [blogApiPlugin()],
   dbProvider: drizzle({
     connection: POSTGRES_URL,
diff --git a/packages/vitnode/src/api/config.ts b/packages/vitnode/src/api/config.ts
index be3e25d23..bb8795796 100644
--- a/packages/vitnode/src/api/config.ts
+++ b/packages/vitnode/src/api/config.ts
@@ -65,6 +65,7 @@ export function VitNodeAPI({
       metadata: vitNodeConfig.metadata,
       authorization: vitNodeApiConfig.authorization,
       dbProvider: vitNodeApiConfig.dbProvider,
+      captcha: vitNodeApiConfig.captcha,
     }),
   );
   app.use(async (c, next) => {
diff --git a/packages/vitnode/src/api/lib/route.ts b/packages/vitnode/src/api/lib/route.ts
index a63e72d0b..b29681fc7 100644
--- a/packages/vitnode/src/api/lib/route.ts
+++ b/packages/vitnode/src/api/lib/route.ts
@@ -2,6 +2,7 @@ import type { RouteConfig, RouteHandler } from '@hono/zod-openapi';
 
 import { createRoute as createRouteHono } from '@hono/zod-openapi';
 
+import { captchaMiddleware } from '../middlewares/captcha.middleware';
 import {
   type EnvVitNode,
   pluginMiddleware,
@@ -21,6 +22,7 @@ export const buildRoute = <
   P extends string,
   R extends Omit<RouteConfig, 'path'> & {
     path: P;
+    withCaptcha?: boolean;
   },
   H extends ValidHandler<R & { path: P }>,
 >({
@@ -50,6 +52,7 @@ export const buildRoute = <
       tags,
       middleware: [
         pluginMiddleware(pluginId),
+        ...(route.withCaptcha ? [captchaMiddleware()] : []),
         ...(Array.isArray(route.middleware)
           ? route.middleware
           : route.middleware
diff --git a/packages/vitnode/src/api/middlewares/captcha.middleware.ts b/packages/vitnode/src/api/middlewares/captcha.middleware.ts
new file mode 100644
index 000000000..a85722758
--- /dev/null
+++ b/packages/vitnode/src/api/middlewares/captcha.middleware.ts
@@ -0,0 +1,93 @@
+import type { Context, Next } from 'hono';
+
+import { HTTPException } from 'hono/http-exception';
+
+import type { VitNodeApiConfig } from '../../vitnode.config';
+
+const getResFromReCaptcha = async ({
+  token,
+  userIp,
+  captchaConfig,
+}: {
+  captchaConfig: NonNullable<Pick<VitNodeApiConfig, 'captcha'>['captcha']>;
+  token: string;
+  userIp: string;
+}): Promise<{ 'error-codes'?: string[]; score: number; success: boolean }> => {
+  if (captchaConfig.type === 'cloudflare_turnstile') {
+    const res = await fetch(
+      'https://challenges.cloudflare.com/turnstile/v0/siteverify',
+      {
+        method: 'POST',
+        body: JSON.stringify({
+          secret: captchaConfig.secretKey,
+          response: token,
+          remoteip: userIp,
+        }),
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      },
+    );
+
+    const data: {
+      'error-codes'?: string[];
+      success: boolean;
+    } = await res.json();
+
+    return {
+      success: data.success,
+      score: data.success ? 1 : 0,
+      'error-codes': data['error-codes'],
+    };
+  } else if (captchaConfig.type === 'recaptcha_v3') {
+    const res = await fetch(
+      `https://www.google.com/recaptcha/api/siteverify?secret=${captchaConfig.secretKey}&response=${token}&remoteip=${userIp}`,
+      {
+        method: 'POST',
+      },
+    );
+
+    const data: {
+      'error-codes'?: string[];
+      score: number;
+      success: boolean;
+    } = await res.json();
+
+    return {
+      success: data.success,
+      score: data.score ?? 0,
+      'error-codes': data['error-codes'],
+    };
+  }
+
+  return {
+    success: false,
+    score: 0,
+  };
+};
+
+export const captchaMiddleware = () => {
+  return async (c: Context, next: Next) => {
+    const token = c.req.header('x-vitnode-captcha-token');
+    const captchaConfig = c.get('core').captcha;
+    if (!token || !captchaConfig) {
+      throw new HTTPException(400, {
+        message: 'Captcha token is required',
+      });
+    }
+
+    const res = await getResFromReCaptcha({
+      token,
+      userIp: c.get('ipAddress'),
+      captchaConfig,
+    });
+
+    if (!res.success || res.score < 0.5) {
+      throw new HTTPException(400, {
+        message: 'Captcha validation failed',
+      });
+    }
+
+    await next();
+  };
+};
diff --git a/packages/vitnode/src/api/middlewares/global.middleware.ts b/packages/vitnode/src/api/middlewares/global.middleware.ts
index 50b47c731..8fa55d51c 100644
--- a/packages/vitnode/src/api/middlewares/global.middleware.ts
+++ b/packages/vitnode/src/api/middlewares/global.middleware.ts
@@ -45,6 +45,7 @@ interface EnvVariablesVitNode {
       deviceCookieName: string;
       ssoAdapters: SSOApiPlugin[];
     };
+    captcha?: Pick<VitNodeApiConfig, 'captcha'>['captcha'];
     emailAdapter?: EmailApiPlugin;
     metadata: {
       shortTitle?: string;
@@ -81,7 +82,11 @@ export const globalMiddleware = ({
   metadata,
   emailAdapter,
   dbProvider,
-}: Pick<VitNodeApiConfig, 'authorization' | 'dbProvider' | 'emailAdapter'> &
+  captcha,
+}: Pick<
+  VitNodeApiConfig,
+  'authorization' | 'captcha' | 'dbProvider' | 'emailAdapter'
+> &
   Pick<VitNodeConfig, 'metadata'>) => {
   return async (c: Context, next: Next) => {
     // Collect possible IP header keys in order of trust/preference
@@ -146,6 +151,7 @@ export const globalMiddleware = ({
           authorization?.adminCookieExpires ?? 1000 * 60 * 60 * 24 * 1, // 1 day
         cookieSecure: authorization?.cookieSecure ?? true,
       },
+      captcha,
     });
 
     const user = await new SessionModel(c).getUser();
diff --git a/packages/vitnode/src/api/modules/middleware/route.ts b/packages/vitnode/src/api/modules/middleware/route.ts
index 9777d7611..90179811d 100644
--- a/packages/vitnode/src/api/modules/middleware/route.ts
+++ b/packages/vitnode/src/api/modules/middleware/route.ts
@@ -3,6 +3,17 @@ import { z } from 'zod';
 import { buildRoute } from '@/api/lib/route';
 import { CONFIG_PLUGIN } from '@/config';
 
+export const routeMiddlewareSchema = z.object({
+  sso: z.array(z.object({ id: z.string(), name: z.string() })),
+  isEmail: z.boolean(),
+  captcha: z
+    .object({
+      siteKey: z.string(),
+      type: z.enum(['cloudflare_turnstile', 'recaptcha_v3']),
+    })
+    .optional(),
+});
+
 export const routeMiddleware = buildRoute({
   ...CONFIG_PLUGIN,
   route: {
@@ -13,10 +24,7 @@ export const routeMiddleware = buildRoute({
       200: {
         content: {
           'application/json': {
-            schema: z.object({
-              sso: z.array(z.object({ id: z.string(), name: z.string() })),
-              isEmail: z.boolean(),
-            }),
+            schema: routeMiddlewareSchema,
           },
         },
         description: 'Middleware route',
@@ -26,9 +34,18 @@ export const routeMiddleware = buildRoute({
   handler: c => {
     const sso = c.get('core').authorization.ssoAdapters;
 
-    return c.json({
-      isEmail: !!c.get('core').emailAdapter,
-      sso: sso.map(s => ({ id: s.id, name: s.name })),
-    });
+    return c.json(
+      {
+        isEmail: !!c.get('core').emailAdapter,
+        sso: sso.map(s => ({ id: s.id, name: s.name })),
+        captcha: c.get('core').captcha
+          ? {
+              siteKey: c.get('core').captcha?.siteKey ?? '',
+              type: c.get('core').captcha?.type ?? 'cloudflare_turnstile',
+            }
+          : undefined,
+      },
+      200,
+    );
   },
 });
diff --git a/packages/vitnode/src/api/modules/users/routes/sign-up.route.ts b/packages/vitnode/src/api/modules/users/routes/sign-up.route.ts
index 98c191179..2fc877a46 100644
--- a/packages/vitnode/src/api/modules/users/routes/sign-up.route.ts
+++ b/packages/vitnode/src/api/modules/users/routes/sign-up.route.ts
@@ -32,6 +32,7 @@ export const signUpRoute = buildRoute({
     method: 'post',
     description: 'Create a new user',
     path: '/sign_up',
+    withCaptcha: true,
     request: {
       body: {
         required: true,
diff --git a/packages/vitnode/src/components/form/auto-form.tsx b/packages/vitnode/src/components/form/auto-form.tsx
index 8414e52d8..dba866900 100644
--- a/packages/vitnode/src/components/form/auto-form.tsx
+++ b/packages/vitnode/src/components/form/auto-form.tsx
@@ -9,13 +9,23 @@ import { useForm } from 'react-hook-form';
 
 import { getDefaultValues, getObjectFormSchema } from '@/lib/helpers/auto-form';
 
+import type { routeMiddlewareSchema } from '../../api/modules/middleware/route';
 import type { ItemAutoFormProps } from './fields/item';
 
+import { useCaptcha } from '../../hooks/use-captcha';
 import { Button } from '../ui/button';
 import { DialogClose, DialogFooter, useDialog } from '../ui/dialog';
 import { Form } from '../ui/form';
 import { ItemAutoForm } from './fields/item';
 
+export type AutoFormOnSubmit<T extends z.ZodTypeAny> = (
+  values: z.infer<T>,
+  form: UseFormReturn<z.infer<T>>,
+  options: {
+    captchaToken: string;
+  },
+) => Promise<void> | void;
+
 export function AutoForm<
   T extends
     | z.ZodEffects<z.ZodObject<z.ZodRawShape>>
@@ -27,20 +37,24 @@ export function AutoForm<
   fields,
   submitButtonProps,
   mode,
+  captcha,
   ...props
 }: Omit<React.ComponentProps<'form'>, 'onSubmit'> & {
+  captcha?: z.infer<typeof routeMiddlewareSchema>['captcha'];
   fields: ItemAutoFormProps<T>[];
   formSchema: T;
   mode?: Mode;
-  onSubmit?: (
-    values: z.infer<T>,
-    form: UseFormReturn<z.infer<T>>,
-  ) => Promise<void> | void;
+  onSubmit?: AutoFormOnSubmit<T>;
   submitButtonProps?: Omit<
     React.ComponentProps<typeof Button>,
     'isLoading' | 'type'
   >;
 }) {
+  const {
+    isReady,
+    getToken: getTokenCaptcha,
+    onReset: onResetCaptcha,
+  } = useCaptcha(captcha);
   const { setIsDirty } = useDialog();
   const objectFormSchema = getObjectFormSchema(formSchema);
   const defaultValues = getDefaultValues(objectFormSchema) as DefaultValues<
@@ -56,13 +70,23 @@ export function AutoForm<
   const onSubmit = async (values: z.infer<T>) => {
     const parsedValues = formSchema.safeParse(values);
     if (parsedValues.success) {
-      await onSubmitProp?.(parsedValues.data as z.infer<T>, form);
+      await onSubmitProp?.(parsedValues.data as z.infer<T>, form, {
+        captchaToken: captcha ? await getTokenCaptcha() : '',
+      });
+
+      if (captcha) {
+        onResetCaptcha();
+      }
     }
   };
 
   const submitButton = (
     <Button
-      disabled={!form.formState.isValid || form.formState.isSubmitting}
+      disabled={
+        !form.formState.isValid ||
+        form.formState.isSubmitting ||
+        (captcha && !isReady)
+      }
       isLoading={form.formState.isSubmitting}
       {...submitButtonProps}
       type="submit"
@@ -76,6 +100,7 @@ export function AutoForm<
       {fields.map(field => (
         <ItemAutoForm formSchema={formSchema} key={field.id} {...field} />
       ))}
+      {captcha && <div id="vitnode_captcha" />}
       {setIsDirty ? (
         <DialogFooter>
           <DialogClose asChild>
diff --git a/packages/vitnode/src/hooks/use-captcha.ts b/packages/vitnode/src/hooks/use-captcha.ts
new file mode 100644
index 000000000..0f2f687b2
--- /dev/null
+++ b/packages/vitnode/src/hooks/use-captcha.ts
@@ -0,0 +1,119 @@
+import type { z } from 'zod';
+
+import { useLocale, useTranslations } from 'next-intl';
+import { useTheme } from 'next-themes';
+import React from 'react';
+import { toast } from 'sonner';
+
+import type { routeMiddlewareSchema } from '../api/modules/middleware/route';
+
+export const useCaptcha = (
+  captcha: z.infer<typeof routeMiddlewareSchema>['captcha'],
+) => {
+  const t = useTranslations('core.global.errors');
+  const locale = useLocale();
+  const { resolvedTheme } = useTheme();
+  const [isReady, setIsReady] = React.useState(false);
+  const [token, setToken] = React.useState('');
+
+  const handleLoaded = () => {
+    if (!captcha) return;
+
+    const elementId = 'vitnode_captcha';
+
+    if (captcha.type === 'cloudflare_turnstile') {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      window.turnstile.render(`#${elementId}`, {
+        sitekey: captcha.siteKey,
+        theme: resolvedTheme,
+        language: locale,
+        callback: (token: string) => {
+          setToken(token);
+        },
+      });
+    }
+
+    setIsReady(true);
+  };
+
+  const handleError = () => {
+    toast.error(t('title'), {
+      description: t('captcha_internal_error'),
+    });
+  };
+
+  React.useEffect(() => {
+    if (!captcha) return;
+    const googleCaptchaDomain = `https://www.google.com/recaptcha/api.js?hl=${locale}`;
+
+    // Load script
+    const script = document.createElement('script');
+
+    if (captcha.type === 'cloudflare_turnstile') {
+      script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
+    } else if (captcha.type === 'recaptcha_v3') {
+      script.src = `${googleCaptchaDomain}&render=${captcha.siteKey}`;
+    }
+
+    if (!script.src) return;
+    document.body.appendChild(script);
+    script.addEventListener('load', handleLoaded);
+    script.addEventListener('error', handleError);
+
+    return () => {
+      script.removeEventListener('load', handleLoaded);
+      script.removeEventListener('error', handleError);
+      document.body.removeChild(script);
+    };
+    // eslint-disable-next-line react-compiler/react-compiler
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const onReset = () => {
+    if (!captcha) return;
+
+    if (captcha.type === 'cloudflare_turnstile') {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      window.turnstile.reset();
+    }
+
+    setToken('');
+  };
+
+  const getToken = async (): Promise<string> => {
+    if (!captcha) return '';
+
+    if (captcha.type === 'recaptcha_v3') {
+      // Captcha
+      return new Promise<string>(resolve => {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        window.grecaptcha.ready(async () => {
+          try {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            const token: string = await window.grecaptcha.execute(
+              captcha.siteKey,
+              {
+                action: 'submit',
+              },
+            );
+
+            resolve(token);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.error('Captcha error', error);
+          }
+
+          resolve('');
+        });
+      });
+    }
+
+    return token;
+  };
+
+  return { isReady, onReset, getToken };
+};
diff --git a/packages/vitnode/src/lib/fetcher-client.ts b/packages/vitnode/src/lib/fetcher-client.ts
index a22588912..0a6c4c4b4 100644
--- a/packages/vitnode/src/lib/fetcher-client.ts
+++ b/packages/vitnode/src/lib/fetcher-client.ts
@@ -37,7 +37,9 @@ export async function fetcherClient<
     options,
     withPagination = false,
     prefixPath = '',
+    captchaToken,
   }: FetcherParams<M, Routes, Modules, ModuleName, SelectedPath, Method> & {
+    captchaToken?: string;
     options?: Omit<RequestInit, 'body'>;
     prefixPath?: string;
     withPagination?: boolean;
@@ -45,6 +47,12 @@ export async function fetcherClient<
 ): Promise<
   InferResponseType<M, Routes, Modules, ModuleName, SelectedPath, Method>
 > {
+  const additionalHeaders: Record<string, string> = {};
+
+  if (captchaToken) {
+    additionalHeaders['x-vitnode-captcha-token'] = captchaToken;
+  }
+
   return coreFetcher(moduleReturn, {
     path,
     method,
@@ -53,5 +61,6 @@ export async function fetcherClient<
     options,
     withPagination,
     prefixPath,
+    additionalHeaders,
   });
 }
diff --git a/packages/vitnode/src/lib/fetcher.ts b/packages/vitnode/src/lib/fetcher.ts
index 1a2a097f1..3537a469c 100644
--- a/packages/vitnode/src/lib/fetcher.ts
+++ b/packages/vitnode/src/lib/fetcher.ts
@@ -42,8 +42,10 @@ export async function fetcher<
     allowSaveCookies = false,
     withPagination = false,
     prefixPath = '',
+    captchaToken,
   }: FetcherParams<M, Routes, Modules, ModuleName, SelectedPath, Method> & {
     allowSaveCookies?: boolean;
+    captchaToken?: string;
     options?: Omit<RequestInit, 'body'>;
     prefixPath?: string;
     withPagination?: boolean;
@@ -56,6 +58,17 @@ export async function fetcher<
     cookies(),
   ]);
 
+  const additionalHeaders: Record<string, string> = {
+    Cookie: cookie.toString(),
+    ['user-agent']: nextInternalHeaders.get('user-agent') ?? 'node',
+    ['x-forwarded-for']:
+      nextInternalHeaders.get('x-forwarded-for') ?? '0.0.0.0',
+  };
+
+  if (captchaToken) {
+    additionalHeaders['x-vitnode-captcha-token'] = captchaToken;
+  }
+
   const response = await coreFetcher(moduleReturn, {
     path,
     method,
@@ -64,12 +77,7 @@ export async function fetcher<
     options,
     withPagination,
     prefixPath,
-    additionalHeaders: {
-      Cookie: cookie.toString(),
-      ['user-agent']: nextInternalHeaders.get('user-agent') ?? 'node',
-      ['x-forwarded-for']:
-        nextInternalHeaders.get('x-forwarded-for') ?? '0.0.0.0',
-    },
+    additionalHeaders,
   });
 
   // Handle cookies on server-side for successful responses
diff --git a/packages/vitnode/src/locales/en.json b/packages/vitnode/src/locales/en.json
index a9e3936d6..30671a72d 100644
--- a/packages/vitnode/src/locales/en.json
+++ b/packages/vitnode/src/locales/en.json
@@ -41,6 +41,7 @@
         "internal_server_error": "Internal server error.",
         "field_required": "This field is required.",
         "field_min_length": "This field must be at least {min} characters.",
+        "captcha_internal_error": "Captcha validation failed. Please try again later.",
         "404": {
           "title": "Page Not Found",
           "desc": "Oops! The page you're looking for doesn't exist."
diff --git a/packages/vitnode/src/views/auth/sign-in/form/use-form.ts b/packages/vitnode/src/views/auth/sign-in/form/use-form.ts
index f6a3a66e3..26d4c961e 100644
--- a/packages/vitnode/src/views/auth/sign-in/form/use-form.ts
+++ b/packages/vitnode/src/views/auth/sign-in/form/use-form.ts
@@ -3,6 +3,8 @@ import React from 'react';
 import { toast } from 'sonner';
 import { z } from 'zod';
 
+import type { AutoFormOnSubmit } from '../../../../components/form/auto-form';
+
 import { mutationApi } from './mutation-api';
 
 export const useFormSignIn = ({ isAdmin }: { isAdmin?: boolean }) => {
@@ -20,7 +22,7 @@ export const useFormSignIn = ({ isAdmin }: { isAdmin?: boolean }) => {
       .default(''),
   });
 
-  const onSubmit = async (values: z.infer<typeof formSchema>) => {
+  const onSubmit: AutoFormOnSubmit<typeof formSchema> = async values => {
     setError('');
     const mutation = await mutationApi({ ...values, isAdmin });
 
diff --git a/packages/vitnode/src/views/auth/sign-up/form/form.tsx b/packages/vitnode/src/views/auth/sign-up/form/form.tsx
index 81ba56ac3..6e1b7eded 100644
--- a/packages/vitnode/src/views/auth/sign-up/form/form.tsx
+++ b/packages/vitnode/src/views/auth/sign-up/form/form.tsx
@@ -1,7 +1,10 @@
 'use client';
 
+import type { z } from 'zod';
+
 import { useTranslations } from 'next-intl';
 
+import type { routeMiddlewareSchema } from '@/api/modules/middleware/route';
 import type { ItemAutoFormComponentProps } from '@/components/form/fields/item';
 
 import { AutoForm } from '@/components/form/auto-form';
@@ -13,12 +16,19 @@ import { removeSpecialCharacters } from '@/lib/special-characters';
 import { PasswordInput } from '../../components/password-input';
 import { useFormSignUp } from './use-form';
 
-export const FormSignUp = ({ isEmail }: { isEmail: boolean }) => {
+export const FormSignUp = ({
+  isEmail,
+  captcha,
+}: {
+  captcha: z.infer<typeof routeMiddlewareSchema>['captcha'];
+  isEmail: boolean;
+}) => {
   const t = useTranslations('core.auth.sign_up');
   const { onSubmit, formSchema } = useFormSignUp();
 
   return (
     <AutoForm<typeof formSchema>
+      captcha={captcha}
       fields={[
         {
           id: 'name',
diff --git a/packages/vitnode/src/views/auth/sign-up/form/mutation-api.ts b/packages/vitnode/src/views/auth/sign-up/form/mutation-api.ts
index 2d42f4953..d6b3291ab 100644
--- a/packages/vitnode/src/views/auth/sign-up/form/mutation-api.ts
+++ b/packages/vitnode/src/views/auth/sign-up/form/mutation-api.ts
@@ -10,12 +10,16 @@ import { usersModule } from '@/api/modules/users/users.module';
 import { fetcher } from '@/lib/fetcher';
 import { redirect } from '@/lib/navigation';
 
-export const mutationApi = async (input: z.infer<typeof zodSignUpSchema>) => {
+export const mutationApi = async ({
+  captchaToken,
+  ...input
+}: z.infer<typeof zodSignUpSchema> & { captchaToken }) => {
   const res = await fetcher(usersModule, {
     path: '/sign_up',
     method: 'post',
     module: 'users',
     allowSaveCookies: true,
+    captchaToken,
     args: {
       body: input,
     },
diff --git a/packages/vitnode/src/views/auth/sign-up/form/use-form.ts b/packages/vitnode/src/views/auth/sign-up/form/use-form.ts
index 579438563..e0edcf4ad 100644
--- a/packages/vitnode/src/views/auth/sign-up/form/use-form.ts
+++ b/packages/vitnode/src/views/auth/sign-up/form/use-form.ts
@@ -1,9 +1,9 @@
-import type { UseFormReturn } from 'react-hook-form';
-
 import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import { z } from 'zod';
 
+import type { AutoFormOnSubmit } from '@/components/form/auto-form';
+
 import { useWrapperSignUp } from '../wrapper';
 import { mutationApi } from './mutation-api';
 
@@ -37,11 +37,12 @@ export const useFormSignUp = () => {
   });
   const { setShowSendingEmail } = useWrapperSignUp();
 
-  const onSubmit = async (
-    values: z.infer<typeof formSchema>,
-    form: UseFormReturn<z.infer<typeof formSchema>>,
+  const onSubmit: AutoFormOnSubmit<typeof formSchema> = async (
+    values,
+    form,
+    { captchaToken },
   ) => {
-    const mutation = await mutationApi(values);
+    const mutation = await mutationApi({ ...values, captchaToken });
     if (mutation.data) {
       if (!mutation.data.emailVerified) {
         setShowSendingEmail(mutation.data.email);
diff --git a/packages/vitnode/src/views/auth/sign-up/sign-up-view.tsx b/packages/vitnode/src/views/auth/sign-up/sign-up-view.tsx
index ec35d3cb1..a3375ff66 100644
--- a/packages/vitnode/src/views/auth/sign-up/sign-up-view.tsx
+++ b/packages/vitnode/src/views/auth/sign-up/sign-up-view.tsx
@@ -11,7 +11,7 @@ import { FormSignUp } from './form/form';
 import { WrapperSignUp } from './wrapper';
 
 export const SignUpView = async () => {
-  const [t, tGlobal, { isEmail }] = await Promise.all([
+  const [t, tGlobal, { isEmail, captcha }] = await Promise.all([
     getTranslations('core.auth.sign_up'),
     getTranslations('core.global'),
     getMiddlewareApi(),
@@ -29,7 +29,7 @@ export const SignUpView = async () => {
                 </h1>
                 <CardDescription>{t('desc')}</CardDescription>
               </div>
-              <FormSignUp isEmail={isEmail} />
+              <FormSignUp captcha={captcha} isEmail={isEmail} />
 
               <React.Suspense fallback={<SSOButtonsSkeleton />}>
                 <SSOButtons />
diff --git a/packages/vitnode/src/vitnode.config.ts b/packages/vitnode/src/vitnode.config.ts
index b0485de75..1490f057f 100644
--- a/packages/vitnode/src/vitnode.config.ts
+++ b/packages/vitnode/src/vitnode.config.ts
@@ -47,6 +47,11 @@ export interface VitNodeApiConfig {
     deviceCookieName?: string;
     ssoAdapters?: SSOApiPlugin[];
   };
+  captcha?: {
+    secretKey: string | undefined;
+    siteKey: string | undefined;
+    type: 'cloudflare_turnstile' | 'recaptcha_v3';
+  };
   dbProvider: PostgresJsDatabase;
   emailAdapter?: EmailApiPlugin;
   plugins: BuildPluginApiReturn[];
diff --git a/plugins/blog/src/views/admin/categories/actions/create-edit/create-edit.tsx b/plugins/blog/src/views/admin/categories/actions/create-edit/create-edit.tsx
index 770ca86b0..d0b1accf8 100644
--- a/plugins/blog/src/views/admin/categories/actions/create-edit/create-edit.tsx
+++ b/plugins/blog/src/views/admin/categories/actions/create-edit/create-edit.tsx
@@ -1,6 +1,7 @@
-import type { UseFormReturn } from 'react-hook-form';
-
-import { AutoForm } from '@vitnode/core/components/form/auto-form';
+import {
+  AutoForm,
+  type AutoFormOnSubmit,
+} from '@vitnode/core/components/form/auto-form';
 import { AutoFormInput } from '@vitnode/core/components/form/fields/input';
 import { useDialog } from '@vitnode/core/components/ui/dialog';
 import { usePathname, useRouter } from '@vitnode/core/lib/navigation';
@@ -26,9 +27,9 @@ export const CreateEditActionCategoriesAdmin = ({
     title: z.string().default(data?.title ?? ''),
   });
 
-  const onSubmit = async (
-    values: z.infer<typeof formSchema>,
-    form: UseFormReturn<z.infer<typeof formSchema>>,
+  const onSubmit: AutoFormOnSubmit<typeof formSchema> = async (
+    values,
+    form,
   ) => {
     let error = '';
     if (data?.id) {
diff --git a/plugins/blog/src/views/admin/posts/actions/create-edit/create-edit.tsx b/plugins/blog/src/views/admin/posts/actions/create-edit/create-edit.tsx
index b9a20a85b..1adb899dc 100644
--- a/plugins/blog/src/views/admin/posts/actions/create-edit/create-edit.tsx
+++ b/plugins/blog/src/views/admin/posts/actions/create-edit/create-edit.tsx
@@ -1,6 +1,7 @@
-import type { UseFormReturn } from 'react-hook-form';
-
-import { AutoForm } from '@vitnode/core/components/form/auto-form';
+import {
+  AutoForm,
+  type AutoFormOnSubmit,
+} from '@vitnode/core/components/form/auto-form';
 import { AutoFormComboboxAsync } from '@vitnode/core/components/form/fields/combobox-async';
 import { AutoFormInput } from '@vitnode/core/components/form/fields/input';
 import { AutoFormTextarea } from '@vitnode/core/components/form/fields/textarea';
@@ -49,9 +50,9 @@ export const CreateEditActionPostsAdmin = ({
       ),
   });
 
-  const onSubmit = async (
-    values: z.infer<typeof formSchema>,
-    form: UseFormReturn<z.infer<typeof formSchema>>,
+  const onSubmit: AutoFormOnSubmit<typeof formSchema> = async (
+    values,
+    form,
   ) => {
     let error = '';
     if (data?.id) {