Integrations

MonstarX connects to external services through Connectors. This guide explains how connectors work and how to set each one up.

How connectors work

Open the Connectors tab in your Workbench to see all available services and their current status:

• Required — App cannot function without this. Connect it now.
• Optional — App works without it. Connect when ready.
• Connected — Active and working. Nothing to do.
• Not connected — Available but not yet set up.

If a Required connector isn't connected, the related features won't work, even if the app loads correctly in Preview.

RequiredApp cannot function without this — connect it now

OptionalApp works without it — connect when ready

ConnectedActive and working — nothing to do

Not connectedAvailable but not yet set up

Quick reference

Integration	Required when	Free alternative
Supabase	User accounts or persistent data	Email/Password auth
Stripe	Any payment feature	None
Resend	Transactional email	None
Google Maps	Map display or geocoding	OpenStreetMap + Leaflet
Google OAuth	Sign in with Google	Email/Password auth
Google Analytics	Traffic analytics	Plausible
OpenAI	AI features in your app	OpenRouter
OpenRouter	Multi-model AI routing	OpenAI
Twilio	SMS notifications	None

Supabase (Database + Auth)

Supabase provides your app with a PostgreSQL database and authentication, sign-up, sign-in, and session management.

Required when: Your app stores user data, has user accounts, or needs persistent state.

Setup

1. Go to supabase.com and create a free account.
2. Create a new project and note your project URL and anon key.
3. In MonstarX, open the Connectors tab and click Supabase → Connect.
4. Complete the connection flow or paste your project credentials.
5. Review the generated database schema.
6. Click Approve to apply it to your Supabase project.

What you'll see: Supabase shows as "Connected" and your app's database is live.

Troubleshooting:

• Free Supabase projects pause after inactivity, log in to resume.
• Double-check your project URL and anon key if the connection fails.
• If the schema migration fails, check the SQL editor in your Supabase dashboard for error details.

Free alternative: If your app only needs authentication without a database, Email/Password auth may not require a Supabase connection.

Stripe (Payments)

Stripe powers payment processing, subscriptions, and billing inside your app.

Required when: Any feature in your app charges users or handles transactions.

Setup

1. Go to stripe.com and create an account.
2. In your Stripe dashboard, copy your Publishable key (pk_...) and Secret key (sk_...). Use test mode keys during development.
3. In MonstarX Connectors, click Stripe → Connect and enter your keys when prompted.

What you'll see: Stripe shows as "Connected" and payment flows are active.

Troubleshooting: Make sure you're using the right key type. Test keys start with pk_test_ and sk_test_.

Never paste your Stripe secret key into a chat message or prompt. Only enter it in the secure Connectors field.

Resend (Email)

Resend handles transactional emails, account confirmations, password resets, and notifications.

Required when: Your app has email-based sign-up or notification flows.

Setup

1. Go to resend.com and create an account.
2. Generate an API key from your Resend dashboard.
3. In MonstarX Connectors, click Resend → Connect and enter your API key (re_...).
4. If you want emails sent from your own domain, add and verify it in Resend.

What you'll see: Resend shows as "Connected" and email flows trigger correctly.

Troubleshooting: Check your Resend dashboard logs for send errors, and confirm your API key is still active.

Google Maps

Google Maps displays maps and handles address lookups (geocoding) inside your app.

Optional. Only needed if your app shows a map or needs location features.

Setup

1. Go to Google Cloud Console and enable the Maps JavaScript API.
2. Generate an API key with Maps access.
3. In MonstarX Connectors, click Google Maps → Connect and enter your API key (AIza...).

What you'll see: Maps load correctly in Preview and in your published app.

Troubleshooting: Confirm your API key has Maps JavaScript API enabled. Google Maps requires an active billing account, even on the free tier.

Free alternative: OpenStreetMap + Leaflet, no API key required.

Google OAuth (Sign in with Google)

Google OAuth lets your users authenticate using their Google accounts.

Optional.

Setup

1. In Google Cloud Console, create an OAuth 2.0 client.
2. Set the authorized redirect URI to match your MonstarX project URL.
3. Copy your Client ID and Client Secret.
4. In MonstarX Connectors, click Google OAuth → Connect and enter your credentials.

What you'll see: A working "Sign in with Google" button in your app.

Troubleshooting: OAuth errors are almost always a redirect URI mismatch. Double-check that the URI matches exactly.

Free alternative: Email/Password authentication.

Google Analytics

Google Analytics tracks page views, events, and user behavior across your published app.

Optional.

Setup

1. Go to analytics.google.com and create a property.
2. Copy your Measurement ID (G-...).
3. In MonstarX Connectors, click Google Analytics → Connect and enter your Measurement ID.

What you'll see: Events appear in your Google Analytics dashboard after you publish.

Free alternative: Plausible Analytics, privacy-friendly, GDPR-compliant, no cookie banner needed. Free tier available, no API key required.

OpenAI

OpenAI adds AI-powered features to your app, chat, text generation, classification, and more.

Required when: Your app calls OpenAI for generation, embeddings, or completions.

Setup

1. Go to platform.openai.com and generate an API key.
2. In MonstarX Connectors, click OpenAI → Connect and enter your key (sk-...).

Troubleshooting: Check that your API key is active and has available credits.

Alternative: OpenRouter routes requests across multiple AI providers, useful for model flexibility or cost control.

OpenRouter

OpenRouter acts as a unified gateway to multiple AI models, GPT, Claude, Llama, and others.

Optional. Use instead of or alongside OpenAI when you need model flexibility.

Setup

1. Go to openrouter.ai and create an account.
2. Generate an API key.
3. In MonstarX Connectors, click OpenRouter → Connect and enter your key.

Twilio (SMS)

Twilio sends SMS messages from your app, verification codes, alerts, and notifications.

Optional. Only needed if your app sends SMS.

Setup

1. Go to twilio.com and create an account.
2. Note your Account SID, Auth Token, and Twilio phone number.
3. In MonstarX Connectors, click Twilio → Connect and enter your credentials.

What you'll see: SMS features in your app send correctly.

Recovering from a "Connector Required" block

If your app is stuck because a Required connector isn't connected:

1. Open the Connectors tab.
2. Find the service marked Required.
3. Follow the setup steps above for that service.
4. Return to Preview and reload.

If you'd rather not use that service, check the quick reference table above for a free alternative.

Security reminders

• Never paste API keys or credentials into the prompt or chat.
• Only enter credentials in the secure Connectors field.
• Use test keys during development. Switch to production keys only before your final publish.
• Rotate any key that may have been accidentally exposed.