Integrate Lovable with Flashboard

Create an admin panel for your Lovable app in seconds

1. Find your Lovable app's database URL

Go to your Lovable app and look for the Supabase button on the top toolbar. If you don't have a database yet, ask the agent to add one for you. You can check Lovable's Supabase integration docs for more details.

Lovable Supabase button

Click the Supabase button to open its menu. Click que "Dashboard" option.

Lovable Supabase dashboard

Your Supabase project will open on another tab. Click Connect to see the connection options.

Lovable Supabase button

You'll see the "Connect to your project" page. Go down to the "Transaction pooler" section and click the copy icon to copy your connection URL.

Supabase transaction pooler connection

You'll need to replace [YOUR-PASSWORD] on the Connection String with your real Database Password. That is the one you used to create your Supabase project.

Attention! Treat your DATABASE_URL like a password. Do not share it.

2. Create a Flashboard account

Once you have copied your connection URL, sign in to Flashboard. Enter your email and choose a strong password. The password will be used to encrypt your database credentials, so make sure you remember it!

login

Complete your profile:

profile

3. Connect a database

Choose Connect my real database

connect

Paste the Connection String you copied from step 1 on the field Connection URL.

connectionUrl

Optional: select a namespace. Most of the times, it will be"public". If there's only one namespace, you'll go directly to the next step.

namespace

Choose a panel name and slug, then confirm the same password you used to sign up. It will be used to encrypt the connection URL. Only you and your team will have access to your data.

panel

You're connected and ready to go!

manage

4. Optional: customize your tabs

We generated a panel for you, and enabled all actions on your tabs by default. But you can always customize the fields or disable specific actions, like creating, updating, or deleting items.

build

Congratulations, you have a live admin panel for your Lovable database! 🎉

From here on, you can use it as-is, create more tabs, or share panels with team members.

Felipe Freitag, Flashboard founder

Need help?

Hey! I'm Felipe, Flashboard's founder. I'll personally help you and make sure you get your admin panel up and running.