Skip to content
Docs
Docs/Start

Build your first app

Follow a travel-app example from your first prompt to native preview and publishing preparation.

6 min readUpdated Oct 1, 2026

Start with a small, useful app. This walkthrough uses a travel app called Wandr: discover places, open a destination and save favorites. The same sequence works for your own idea.

On this page

1. Describe a clear first version

Open Studio and send this prompt, or replace the audience and main task with your own:

Your app in Studio

Example: Wandr in Studio, with a recreated native app screen. Illustrated walkthrough.

  1. Use the conversation to request changes and follow the agent’s work.
  2. Open Preview to try the native app. On a phone, switch between Prompt and Preview.
  3. Publish sits beside the app preview when you are ready to prepare a release.
Your app in Studio

Example: Wandr in Studio, with a recreated native app screen. Illustrated walkthrough.

2. Connect saved data when requested

A local favorites list and an account that syncs across devices are different features. If you need sync, say so. Review the agent’s connection request, complete the service setup and return to the same conversation.

Connect Supabase from the conversation

Example: adding saved places to Wandr. Illustrated walkthrough.

  1. Ask for accounts or saved data that should sync across devices.
  2. Choose Connect Supabase in the request card.
  3. After authorizing your account, return to choose the project and review database changes.
Connect Supabase from the conversation

Example: adding saved places to Wandr. Illustrated walkthrough.

3. Try the app

  1. Open the native preview

    When the app is ready on a computer, choose Preview, then iOS or Android. On a phone, switch from Prompt to Preview and use Open with Expo Go to try it on your device.

  2. Complete a real task

    Open a destination, save it and find it in Saved. If data should persist, close and reopen the app and check again.

  3. Ask for one focused change

    For example: ‘Make the destination title easier to read over the photo.’ Repeat the same task after the update.

Try the app in the iOS preview

Wandr in the iOS preview. Illustrated workspace with recreated native app screens.

  1. On a computer, choose iOS below the preview. On a phone, open Preview and use Open with Expo Go.
  2. Open a destination, use its actions and check the next screen.
  3. Test the Android version too before preparing that release.
Try the app in the iOS preview

Wandr in the iOS preview. Illustrated workspace with recreated native app screens.

4. Move into publishing

When the main task works, choose Publish. Tell the publishing agent where you want to release and what you need help with. You can start with a question, app checks, screenshots or a test build.

Documentation
Open Studio