Supabase is an open-source Backend-as-a-Service (BaaS) platform designed to provide developers with a powerful backend solution for building modern web and mobile applications. Inspired by Firebase, it leverages an open-source technology stack to offer similar functionalities while addressing the limitations of proprietary solutions.

Overview

When creating websites with MGX, the added data is stored only in the browser's memory and lost upon refresh or closure. To enable persistent data storage and backend-like functionality, we provide a solution by connecting MGX with Supabase.

Supabase is an open-source backend platform that allows users with zero development experience to easily configure a backend for their websites. It eliminates the need for complex coding and offers a suite of tools to handle backend operations seamlessly.

Key Advantages:

• No Development Experience Required: Designed for non-technical users, making it easy to get started without prior coding knowledge.
• Quick Setup: Get your backend up and running in minutes to accelerate your development process.
• Highly Scalable: Seamlessly adapt to user growth, allowing your project to expand without limitations.
• Cost-Effective: Offers a free tier ideal for small projects and startups.

https://www.youtube.com/watch?v=iQclR5N5b40

By integrating MGX with Supabase, you can transform your website into a fully functional application with persistent storage and advanced features.

Connecting Supabase to MGX

Linking your Supabase account to MGX is straightforward and designed to be user-friendly, even for those with minimal technical expertise. Here's a concise guide to get you started:

https://www.youtube.com/watch?v=0aycIfqkR-U

1. Start the Supabase Integration in MGX

   • Open your MGX project chat interface.
   • Locate the Supabase tab at the top-right corner and click the Connect Supabase button.
   • MGX will present a connection setup interface that you can follow.

2. Authenticate and Configure Your Project

   A popup will appear, prompting you to sign in to your Supabase account.

   • Select your organization from the dropdown menu.
   • Click Authorize MGX to authorize your Supabase account. (Connection completes in seconds – no manual configuration needed)

   Once authorized, you can:

   • Choose an existing Supabase project from the list, or
   • Click +Add New One to create a new project instantly. (If you need guidance, the MGX Assistant is available to walk you through Connecting Supabase to MGX)

3. Automatic configuration

   1. Once your project is selected, MGX will automatically connect to your Supabase project.It will gather your database structure, tables, and security settings.

   2. When you see the "Supabase Connected" notification, your backend is fully configured and ready for use.

   3. Enhancing Your App with Supabase Features:

      User Authentication

      • User Accounts and Login. Enable sign-up and login with options like email/password or social logins (Google, Twitter, Github).

      Data Storage

      • Store and Use Real Data. Save app data (e.g., user profiles, posts) and display up-to-date info to users.

   By following these simple steps, you can seamlessly connect Supabase to MGX and unlock a wealth of features to make your app truly functional.

User Authentication

After creating your app in MGX, one of the first things you'll likely want to implement is user authentication. Supabase Auth simplifies adding authentication and authorization to your app. In this process, MGX will guide you through two methods: Email and Password and Social Logins (Google).