Vibe Web Documentation

Screenshot, Stripe, Resend

API Flash Integration

API Flash is used to generate screenshots of user-created websites that appear on the Projects page.

If you do not add the API Flash key, the system will not generate screenshots.
However, it is optional, and the application will still work without it.

Steps

  1. Go to the API Flash website and create an account:
    https://apiflash.com

  2. After logging in, go to Access Keys from the sidebar or visit:
    https://apiflash.com/dashboard/access_keys

  3. Click Create Access Key.

  4. Copy your API Flash Access Key.

  5. Go to your Admin Panel and paste the key in:

Admin → Settings → Other Integrations → API Flash Key

Stripe Setup

  1. Log in to your Stripe Dashboard.

  2. From the menu, go to:

Developers → API Keys

Or open directly:
https://dashboard.stripe.com/apikeys

  1. Copy the following keys:
  • Publishable Key
  • Secret Key
  1. Paste them into:
Admin → Settings → Stripe Configuration
  1. After adding the keys, click Sync Webhook.

Resend Email Service Setup

Resend is required for sending important system emails such as:

  • Email verification
  • Forgot password emails
  • Account notifications

Without configuring Resend, users will not receive verification or password reset emails.

Step 1 — Create a Resend Account

Go to the Resend website and create an account:

https://resend.com

Verify your email after signup.


Step 2 — Add and Verify Your Domain

  1. Go to the Domains section in the Resend dashboard.

  2. Click Add Domain.

  3. Enter your domain (for example):

mail.yourdomain.com
  1. Resend will provide DNS records (SPF and DKIM) that you must add to your domain DNS settings. :contentReference[oaicite:0]{index=0}

  2. After adding the DNS records, wait until the domain status shows Verified.


Step 3 — Generate a Resend API Key

  1. Go to the API Keys section in the Resend dashboard.

  2. Click Create API Key.

  3. Enter a name for the key (for example: Production).

  4. Choose permission:

Full Access
  1. Click Create API Key.

  2. Copy the generated API key and save it immediately (it will only be shown once). :contentReference[oaicite:1]{index=1}


Step 4 — Add the API Key to the Admin Panel

Go to your Admin Panel and paste the key in:

Admin → Settings → Email Service & Templates → Resend API Key

After adding the key, the system will start sending:

  • Email verification emails
  • Forgot password emails