Using Images in Alpha

Overview

Dualite Alpha is a strong platform for developing AI-enabled applications, but it does not have access to local or private photos. To integrate and show photographs in your project, upload them to a publicly available site.

This article will show you how to utilise Supabase as your image storage service and how to correctly and dependably reference those pictures in Alpha, particularly when working with many visuals or dynamic image inserts.

Step-by-Step: Hosting and Using Images in Alpha

Step 1: Set Up Supabase

To begin hosting your images, we’ll use Supabase, a free, developer-friendly backend platform that includes public image storage.

To do this-

1. Go to https://supabase.com

2. Click Start Project and sign in using GitHub or email

3. Create a new project (name it something like alpha images)

4. Once inside your project, go to the Storage tab on the left

5. Click + New bucket and give it a name

6. IMPORTANT: Enable Public access to this bucket

7. Click into your new bucket and upload your images

Each image you upload will generate a public URL. This is what you’ll paste into Alpha.

Step2: Add images in Supabase

Click Upload files on the upper right corner and upload files from your computer

Step3: Add Image URLs in Dualite Alpha

Once your image is hosted publicly:

1. Open your Dualite Alpha project

2. Wherever you want to use an image (inside a card, list, or profile), paste the full image URL

3. If you're inserting multiple images, make sure to clearly define to Alpha which image goes where

Note: Alpha is not capable of “guessing” image placement. Be explicit in your prompt or data mappings.

Example Use Case: To-Do List with User Photos

Let’s say you’re building a To-Do list app where each task has a user profile photo attached.

Step 1: Upload Images to Supabase

1. Upload 3 user images to your public Supabase bucket:

1. Get the public URLs by clicking on the three dots next to your uploaded image, for example:

Step 2: Use Them in Alpha

In your Alpha prompt, include both the task and the user image clearly. For example:

Conclusion

While Dualite Alpha doesn’t support uploading images directly, using services like Supabase gives you a flexible and scalable way to include visuals in your builds. From personal dashboards to social feeds, associating the right image with the right content just takes a bit of structure and clarity.

Start by hosting your images, get the URLs, and always be crystal-clear with Alpha about where each image should appear, and your app will be both beautiful and functional in no time.