Add a database & login

Most real apps need to store data and let users sign in. In GenVibe, you do both through Supabase — just by asking.

Before you start

Connect Supabase and select a project. GenVibe needs this to create tables and wire up auth.

Supabase (database & auth)

Add a database

Describe the data you want to store and what the app should do with it:

Use Supabase to store blog posts with a title, body, and created date. Add a page to create a post and a homepage that lists all posts newest-first.

GenVibe creates the table(s) and writes the code to read and write them.

Add user login

Add email/password sign up and login with Supabase. After logging in, take the user to their dashboard.

You can also scope data to each user:

Make it so each user can only see and edit their own posts.

Common patterns

• User-owned data: "each user sees only their own [items]."
• Public + private: "anyone can read posts, but only the author can edit theirs."
• File uploads: "let users upload a profile picture" (uses Supabase storage).

Safety with real data

GenVibe applies schema changes to the project you connected and saves each one in supabase/migrations/. For an app that already has real users and data, connect a separate development project while you build, keep backups, and apply finished migrations to production yourself.

Verifying it works

Use the live preview to sign up a test user and create some data, then confirm it appears. If something errors, tell GenVibe exactly what happened and it will fix it.