How to Connect Supabase to Your App (Add a Real Database)

Every real app needs somewhere to store data — users, posts, orders, bookings, anything. In Snapp, that "somewhere" is Supabase: a hosted PostgreSQL database with authentication built in. The best part? You connect your own Supabase project, so your data always belongs to you.

This guide walks you through connecting Supabase to your app in about two minutes.

---

What you'll need

• A Snapp app (created from any prompt)
• A paid Snapp plan — connecting a backend is a paid feature
• A free Supabase account (you'll create one during the flow if you don't have it)

That's it. You do not need to write any SQL or configure anything manually — Snapp handles the keys and the database schema for you.

---

Step by step

1. Open your app in the builder.

2. Click the Settings (gear) icon, then open the Environment panel.

3. Click Connect Supabase.

4. A secure Supabase login window opens. Sign in (or create a free account) and authorize Snapp.

5. Choose what to connect:

- Use an existing project — pick one from the list. Its keys are filled in automatically.

- Create a new project — give it a name and pick a region. Snapp creates a brand-new Supabase project for you and generates a strong database password automatically.

6. Done. Snapp securely stores your project's keys (SUPABASE_URL, SUPABASE_ANON_KEY, and the service key) and wires them into your app.

From this point on, when you ask the AI to "save this to the database" or "load the list from the database," it knows exactly where to put the data.

---

What happens behind the scenes

When you connect Supabase, Snapp stores your project keys encrypted and injects them into your app at build time. When the AI needs to create a table (for example, a tasks or bookings table), it runs the migration against your Supabase project for you — no SQL Editor required.

Because the project is yours:

• Your users and their data live in your Supabase account, not Snapp's.
• You can open the Supabase dashboard any time to inspect or export everything.
• If you ever leave Snapp, the database stays with you.

---

Common questions

Do I need to know SQL?

No. Just describe what you want to store in plain language and the AI creates the right tables.

I'm on the Supabase free plan — any limits?

Supabase's free tier allows 2 projects per organization. If you hit that limit, reuse an existing project or upgrade your Supabase plan.

The login popup didn't open.

Disable your pop-up blocker for snappai.co and try again.

Where do I see the data my app stores?

In your Supabase dashboard. See our guide on viewing and managing your app data.

---

What's next

Once Supabase is connected, the natural next steps are:

• Add login and user accounts — authentication is powered by the same Supabase project.
• Accept payments with Stripe — start charging for your app.

Connect once, and the whole backend of your app comes to life.