Supabase Service

Supabase is an open-source Firebase alternative. TRAE SOLO enables you to connect your projects to Supabase to manage both your front-end user interface and your back-end database easily. This means you can design your app’s screens while simultaneously setting up a cloud-based PostgreSQL database.

Limitations

Supabase service is only available to SOLO Builder.

Core features

After connecting your projects to Supabase, you can unlock the following features:

  • Database (PostgreSQL) - Store and query your app's data with comprehensive SQL support. TRAE SOLO can automatically generate the required tables and schema based on your prompts. For more information, refer to Database.
  • User Authentication - Securely manage user sign-ups, logins, and access control. TRAE SOLO facilitates integration with Supabase Auth, which supports various authentication methods, including email/password logins and OAuth logins such as Google, GitHub, Twitter, and more. For more information, refer to Auth.
  • File Storage - Upload and serve images or other files through Supabase Storage. This feature is ideal for handling user profile photos, uploads, or any static media your app requires. For more information, refer to Storage.
  • Real-time Updates – Supabase can stream live data changes to your app. This enables features like live chat, activity feeds, or collaborative dashboards that update instantly for all users. For more information, refer to Realtime.

Connect your project to Supabase

When building a project, if the AI thinks that it is necessary to connect your project to Supabase, it will give a prompt in the left chat box. You can also proactively connect your project to Supabase without being prompted by AI.

1. Register a Supabase account, then follow the on-screen instructions to create an organization and project on Supabase.

2. In TRAE SOLO, open the Integrations tool and click the Connect button.

  • OR
  • In the AI chat panel, click the Connect button on the prompted Connect to Supabase card if there is one.

3. On the authentication page, click the Connect Supabase button.

4. On the API access authorization page, select the Supabase organization you created and click the Authorize TRAE button.

  • After the validation is complete, the selected organization has granted API access to TRAE. The Integrations panel in TRAE SOLO will then display the Supabase organization and its active project.

5. Click the Connect button at the right of the active Supabase project.

  • Note: TRAE SOLO projects can only be connected to active Supabase projects. Make sure your Supabase projects are already active.
  • Your project is now connected to the active Supabase project. Manage your app's data or add user authentication with Supabase as needed.
Figma to Code Deployment Service