How to Connect Supabase to Dualite

Connect your Supabase database, authentication, and storage to a Dualite project in under 2 minutes. The full step-by-step guide to adding a real backend to your AI-built app.

Date: May 8, 2026
Read Time: 1 mins

Connecting Supabase to Dualite gives you a full-stack AI-built app: Dualite generates the frontend, Supabase handles your backend, database, authentication, and file storage. The connection is OAuth-based: click "Connect to Cloud" on the Dualite homepage, sign in to your Supabase account in the secure popup that opens, authorize the connection, and you're done. No URLs to copy, no API keys to paste, no glue code or API middleware. Once connected, prompts like "add user signup with email and password" or "create a posts table and let users add posts" just work: the AI knows how to call Supabase directly. This guide walks through the full flow in under 2 minutes: the prerequisites you need ready, the OAuth connection inside Dualite, how to verify everything is wired up, and what you can actually build once Supabase is in place.

What is Supabase, and why connect it to Dualite?

Supabase is an open-source backend-as-a-service that bundles a Postgres database, authentication, file storage, real-time subscriptions, and edge functions into one platform. Think of it as the open-source alternative to Firebase, except it's built on plain Postgres instead of a custom NoSQL store, so anything you'd do in a traditional SQL backend works directly.

Dualite handles the frontend side of building an app: the UI, the layout, the components, the user experience. Supabase handles the backend side: storing data, signing users in, managing files. Connecting them gives you a complete full-stack app built almost entirely with AI prompts and zero infrastructure work.

Without Supabase, a Dualite-built app is essentially a frontend prototype: the buttons work, the forms look right, but there's nowhere to actually save data or remember a user across sessions. With Supabase connected, the same app suddenly has real authentication, real persistent data, real file uploads. The same prompt-based building flow continues: you just say "add a profile page where users can edit their bio and upload a photo," and Dualite knows how to call Supabase to make it work.

What do you need before you start?

The setup is short. Have these ready:

• A free Supabase account (sign up at supabase.com if you don't have one: it takes 30 seconds and the free tier is genuinely generous: 500MB database, 1GB file storage, 50,000 monthly active users)
• A Supabase project created in your account. If you haven't made one yet: click "New Project" in the Supabase dashboard, pick a name and database password, choose a region close to your users, and wait about a minute for provisioning
• A Dualite account (the free Starter plan is enough)
• About 2 minutes

Notice what's not on this list: you don't need to copy your Supabase project URL, you don't need to find your anon public key, and you don't need to paste anything into Dualite. The connection happens via OAuth: Dualite asks Supabase for permission, Supabase asks you to approve, and credentials are exchanged securely behind the scenes.

Step 1: How do you set up your Supabase account and project?

If you already have a Supabase account with a project ready, skip this step. Otherwise:

• Go to supabase.com and click Sign Up. You can use email/password or sign in with GitHub, Google, or another OAuth provider
• Once signed in, you'll land on the Supabase dashboard. Click New Project
• Pick a project name (this is just for your own reference, you can rename later)
• Set a database password (save this somewhere: you'll need it if you ever want to connect to Postgres directly, but Dualite doesn't ask for it)
• Pick a region close to your users (West US, EU Central, Asia Southeast, etc.)
• Click Create new project and wait about 1-2 minutes for provisioning

When you see the green "Project is online" indicator on the project page, you're ready to connect it to Dualite.

Step 2: How do you connect Supabase inside Dualite?

Open the Dualite homepage. You'll see the prompt input area with the question "What should we build today?" and below it three connection buttons: Import from Figma, Connect to Cloud, and Import from GitHub.

Click Connect to Cloud (this is the Supabase entry point in Dualite). A modal opens titled "Connect to Cloud" with the Supabase logo and the text "Link your Supabase account to Dualite. We'll open a secure login window in a new tab."

Click Sign in with Supabase. The flow from here:

• A new browser tab opens with Supabase's OAuth authorization page
• If you're not logged in to Supabase, sign in with your account (email/password or your usual OAuth provider)
• Supabase shows you the permissions Dualite is requesting: access to your projects, ability to read and modify databases, ability to manage authentication. Click Authorize
• The authorization tab closes automatically and you're back in Dualite, now with Supabase connected
• If you have multiple Supabase projects in your account, Dualite asks you to choose which one to link to this Dualite project. Pick one and you're done

That's it. No URLs copied, no keys pasted, no manual configuration. Dualite now has secure, scoped access to your Supabase project and can wire up backend features whenever you prompt for them.

Step 3: How do you verify the connection is working?

The fastest verification: try a small test prompt. After connecting, ask the Dualite AI:

"Create a sign-up form with email and password using Supabase authentication."

Dualite generates the form, wires it to Supabase auth, and shows it in the live preview. Test it by entering a fake email and password and clicking sign up. Then: open your Supabase dashboard, click Authentication in the sidebar, and check the Users tab. The user you just signed up should appear in the list.

If the user appears: connection works. You're ready to keep building.

If you see an error or the user doesn't appear, double-check that you authorized the right Supabase project (you can switch projects from Dualite's Cloud settings), confirm email auth is enabled in Supabase (Authentication → Providers → Email), and make sure your Supabase project isn't paused (free-tier projects pause after a week of inactivity).

What can you build once Supabase is connected?

Once connected, the entire Supabase feature set is one prompt away:

• Authentication: email/password, magic links, OAuth providers (Google, GitHub, Apple, Discord, and others). Just prompt "add Google sign-in" and Dualite handles the wiring
• Database tables and CRUD interfaces: prompt "create a tasks table where users can add, edit, and delete their own tasks" and Dualite generates the table schema in Supabase plus the corresponding UI
• File storage: profile photos, document uploads, image galleries. Dualite uses Supabase Storage buckets and handles the upload UI
• Real-time features: live chat, collaborative editing, live counters, notifications. Supabase real-time pushes database changes instantly
• Row-level security so users only see their own data. Critical for any multi-user app
• Webhooks and edge functions for custom server-side logic when needed

All of this works through the same prompt-based interface: you describe what you want and Dualite generates the code, the database schema, and the UI together.

What are common issues, and how do you fix them?

A few things that come up with the OAuth connection flow:

• Sign-in popup is blocked by your browser: some browsers block automatic popup windows. If clicking "Sign in with Supabase" doesn't open a new tab, check for a blocked-popup notification in your address bar and allow popups for the Dualite domain
• OAuth authorization failed or was denied: if you accidentally clicked "Cancel" instead of "Authorize" on Supabase's permissions page, just click Connect to Cloud again in Dualite and run through the flow once more
• "Permission denied" or "new row violates row-level security policy" after connection: this is Supabase's Row-Level Security blocking queries. By default, tables have RLS enabled with no policies, which means nobody can read or write. Either prompt Dualite to add appropriate policies, or temporarily disable RLS in the Supabase Table Editor while you're testing
• Supabase project paused: Supabase pauses free-tier projects after 1 week of inactivity. If your connection suddenly stops working, check the Supabase dashboard: you may just need to click "Restore project"
• Wrong project linked: if you have multiple Supabase projects and accidentally linked the wrong one, go to Dualite's Cloud settings, disconnect, and reconnect: you'll be asked to choose which project to link this time
• Need to revoke access entirely: you can revoke Dualite's access from Supabase too: go to Supabase → Account Settings → Access Tokens (or Authorized Apps depending on Supabase's UI version), find Dualite, and revoke. After this, Dualite will need to be re-authorized to connect again

Frequently asked questions

Is Supabase free to use with Dualite?

Yes: Supabase has a generous free tier that includes 500MB database, 1GB file storage, 50,000 monthly active users, and unlimited API requests. For most early-stage projects this is more than enough. Connecting Supabase to Dualite doesn't add any extra cost on Dualite's side either: the integration is included on every plan, including the free Starter plan.

Can I use my existing Supabase project, or do I need to create a new one?

Either works. If you already have a Supabase project with tables and users, you can connect it as-is and Dualite will work with the existing schema. If you're starting fresh, create a new project in Supabase and connect that: Dualite will generate tables and policies as you prompt for features.

Does Dualite need my Supabase password?

No. The OAuth flow means Dualite never sees your Supabase password. You sign in directly on Supabase's domain, Supabase issues Dualite a scoped access token, and the token is what Dualite uses to talk to your project. Your password stays with Supabase.

Can I switch Supabase projects later?

Yes: go to Dualite's Cloud settings on your project, disconnect the current Supabase project, and run the Connect to Cloud flow again. You'll be asked which Supabase project to link this time. Useful when moving from a development Supabase project to a production one.

How do I revoke Dualite's access to my Supabase account?

Two ways: (1) disconnect from Dualite's Cloud settings in your project, which removes the link on Dualite's side, or (2) revoke from Supabase directly by going to your Supabase Account Settings, finding Dualite in the list of authorized apps, and clicking Revoke. The second option fully removes the OAuth grant on Supabase's side too.