Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 7 additions & 1 deletion getting-started/deploy-app-store.mdx
Original file line number Diff line number Diff line change
@@ -1,10 +1,14 @@
---
title: "Deploy to App Store"
description: "Publish your Vibecode app to the Apple App Store with Expo Launch"

Check warning on line 3 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L3

Did you really mean 'Vibecode'?
---

Ready to share your app with the world? Vibecode makes it easy to publish your app directly to the Apple App Store. Follow this step-by-step guide to submit your first build.

Check warning on line 6 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L6

Did you really mean 'Vibecode'?

<Note>
Due to Apple's restrictions, deploying to the App Store is only available on the web app.
</Note>

<iframe src="https://www.youtube.com/embed/bJYwrB31PsQ" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## Before You Start
Expand All @@ -21,7 +25,7 @@

3. **Expo Account**
- Create a free account at [expo.dev/signup](https://expo.dev/signup)
- Vibecode uses Expo Launch to start the App Store build flow

Check warning on line 28 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L28

Did you really mean 'Vibecode'?

4. **Apple Device for 2FA**
- Have your iPhone, iPad, or Mac nearby to receive two-factor authentication codes
Expand Down Expand Up @@ -49,15 +53,17 @@

### Step 1: Start the Submission

{/*
**On Mobile App:**
1. Open your project in Vibecode

Check warning on line 58 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L58

Did you really mean 'Vibecode'?
2. Tap the **app name** at the top
3. In the dropdown menu, select **Publish on App Store**
4. Tap **Get Started** on the welcome screen
*/}

**On Web App:**
1. Open your project in Vibecode
2. Click the **Share** button at the top right
2. Click the **Deploy** button at the top right
3. Select **Deploy to App Store**
4. Click **Get Started** on the welcome screen

Expand All @@ -73,13 +79,13 @@

### Step 3: Add Your Expo Access Token

Vibecode uses Expo Launch to handle the App Store build flow. Before starting, add your Expo access token:

Check warning on line 82 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L82

Did you really mean 'Vibecode'?

1. Click **Get access token from Expo**
2. Sign into your Expo account
3. Go to **Settings -> Access Tokens**
4. Create a new access token
5. Copy the token and paste it into Vibecode

Check warning on line 88 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L88

Did you really mean 'Vibecode'?

<Tip>Use the paste button for quick entry of long tokens. Make sure your token is correct and there are no extra spaces or characters.</Tip>

Expand All @@ -95,7 +101,7 @@

### Step 5: Confirm Your App Icon

Review your app icon. Make sure it looks good and represents your app well. This is what users will see in the App Store. You can generate an icon inside the Vibecode app.

Check warning on line 104 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L104

Did you really mean 'Vibecode'?

### Step 6: Create a Bundle ID (First Build Only)

Expand All @@ -103,7 +109,7 @@

**Important:** Once you submit your first build, you should treat your bundle ID as permanent.

- Vibecode automatically generates a suggested bundle ID

Check warning on line 112 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L112

Did you really mean 'Vibecode'?
- You can customize it if needed
- Check the box to confirm you understand the bundle ID choice

Expand All @@ -111,11 +117,11 @@

### Step 7: Start Expo Launch

Once your app details are confirmed, Vibecode prepares the submission and asks you to start **Expo Launch**.

Check warning on line 120 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L120

Did you really mean 'Vibecode'?

When you click **Start Expo Launch**:

1. Vibecode opens the Expo Launch flow in a new tab

Check warning on line 124 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L124

Did you really mean 'Vibecode'?
2. Expo Launch handles the Apple authentication and build setup flow
3. Expo starts the cloud build for your app
4. The build is uploaded to App Store Connect
Expand All @@ -126,9 +132,9 @@

After Expo Launch starts successfully:

- Vibecode shows that the launch has started

Check warning on line 135 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L135

Did you really mean 'Vibecode'?
- You can open the **Expo Dashboard** in a new tab
- You can close the Vibecode dialog once Expo has started the build

Check warning on line 137 in getting-started/deploy-app-store.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/deploy-app-store.mdx#L137

Did you really mean 'Vibecode'?
- The build continues in the cloud

### Step 9: Build Complete
Expand Down
16 changes: 16 additions & 0 deletions getting-started/download-code.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,23 @@
description: "Download and use your generated code"
---

Vibecode allows you to download your code and use it in your own development environment. Whether you want to use Cursor, VS Code, or any other IDE, you can export your code and continue building. This gives you full control and flexibility to customize your app however you need.

Check warning on line 6 in getting-started/download-code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/download-code.mdx#L6

Did you really mean 'Vibecode'?

<Note>
Due to Apple's restrictions, downloading your code is only available on the web app.
</Note>

## Download Your Code

To download your code:

- Open your project in the web app
- Click the **`<>`** button
- Click **"Download Code"**

After clicking, the download link will be sent to your email.

{/*
## Download Your Code on Mobile

To download your code on the mobile app:
Expand All @@ -13,6 +28,7 @@
- Select "Download Code"
- Check your email for the download link
- Download your code
*/}

## Use Your Code Anywhere

Expand Down
20 changes: 20 additions & 0 deletions getting-started/sharing-app.mdx
Original file line number Diff line number Diff line change
@@ -1,10 +1,29 @@
---
title: "Sharing Your App"
description: "Share your Vibecode apps with friends and users"

Check warning on line 3 in getting-started/sharing-app.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/sharing-app.mdx#L3

Did you really mean 'Vibecode'?
---

With Vibecode, you can share your app with anyone without going through the App Store first.

Check warning on line 6 in getting-started/sharing-app.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/sharing-app.mdx#L6

Did you really mean 'Vibecode'?

<Note>
Due to Apple's restrictions, the share functionality is not available on the iOS app. To run a Vibecode app on mobile, users need to download the Appsmith app and scan a QR code.

Check warning on line 9 in getting-started/sharing-app.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/sharing-app.mdx#L9

Did you really mean 'Vibecode'?

Check warning on line 9 in getting-started/sharing-app.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/sharing-app.mdx#L9

Did you really mean 'Appsmith'?
</Note>

## How to Share Your App on iOS

To share your app with someone on iOS:

1. Open your project on the Vibecode web app

Check warning on line 16 in getting-started/sharing-app.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/sharing-app.mdx#L16

Did you really mean 'Vibecode'?
2. Click the **On Mobile** button in the top right corner of the preview — this opens a popup with a QR code
3. Share the QR code with the person you want to share with
4. Ask them to download the **Appsmith - Vibecode Apps** app from the [App Store](https://apps.apple.com/us/app/appsmith-vibecode-apps/id6744415724)

Check warning on line 19 in getting-started/sharing-app.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/sharing-app.mdx#L19

Did you really mean 'Appsmith'?

Check warning on line 19 in getting-started/sharing-app.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/sharing-app.mdx#L19

Did you really mean 'Vibecode'?
5. Once installed, they can scan the QR code in the Appsmith app to run your Vibecode app

Check warning on line 20 in getting-started/sharing-app.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/sharing-app.mdx#L20

Did you really mean 'Appsmith'?

Check warning on line 20 in getting-started/sharing-app.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/sharing-app.mdx#L20

Did you really mean 'Vibecode'?

<Tip>
Make sure the person you're sharing with has the Appsmith app installed before they try to scan the QR code.

Check warning on line 23 in getting-started/sharing-app.mdx

View check run for this annotation

Mintlify / Mintlify Validation (vibecodeapp) - vale-spellcheck

getting-started/sharing-app.mdx#L23

Did you really mean 'Appsmith'?
</Tip>

{/*
## How Sharing Works

To share an app, it must be **published** first. If it is not published yet, Vibecode will prompt you to publish it before sharing.
Expand Down Expand Up @@ -34,6 +53,7 @@
<Note>
Sharing a published app is different from App Store distribution. Sharing gives people direct access to the published app link without going through the App Store review process.
</Note>
*/}

## Ready to Go Further?

Expand Down