How to Deploy Your AI Studio Generated App to Live in 1 minute

Google AI Studio is a powerful tool for prototyping applications using Gemini models. However, moving those prototypes to a live environment where users can actually interact with them has traditionally been a hurdle. VibeHostings bridges this gap seamlessly.

Step 1: Export Your Code

First, finalize your application in AI Studio. When you are happy with the result, use the export feature to get your application code. You typically want to download the project with a zip file.

Step 2: Navigate to VibeHostings

Open VibeHostings and look for the Create App section. We offer a 'Upload zip' feature specifically designed for this use case.

Step 3: Select and upload the zip file

Click the upload icon and choose the zip file you exported from AI Studio. Our intelligent engine will automatically unzip it, setting up the necessary build environment (Vite + React) if needed.

Once finishes setup your project, you'll be automatically redirected to the Project Edit page. Here you can see all your project files, make manual edits, and continue chatting with the AI to refine your app.

The Live Preview panel shows your app exactly as it will appear when deployed. Every change you make - whether through AI chat or manual editing - instantly reflects in the preview. Test interactions, check responsive layouts, and make sure everything works perfectly.

Step 4 deployment

Once you're happy with your project, it's time to share it with the world. Vibe Hostings makes deployment incredibly simple - just a few clicks and your app goes live with a unique URL you can share with anyone.

Before deploying, you can continue to refine your project using the AI chat. Ask for design improvements, add new features, or fix any issues. The live preview updates instantly so you can see exactly what you're getting.

You can also upgrade to a PWA (Progressive Web App) which enables your app to work offline, be installed on mobile devices, and feel like a native app - all with just one click in the settings.

When you're satisfied with your project, click the Deploy button. This will open the publish settings where you can configure your deployment options.

Choose a custom subdomain like app-art.vibehostings.dev or connect your own domain. You can also set the access mode - make it public for everyone, or private with password protection for exclusive access.

After deployment, your app is immediately live! Share the URL directly, or use the QR code that's automatically generated - perfect for mobile sharing. Your app is now accessible to anyone, anywhere in the world.

For the AI feature app with Gemini api key config, you can fill in your own key, which will only be secure stored in your db, and it will respect the access mode in the project.