How to deploy from Google AI Studio to Ecenica

Learn how to download, configure, and deploy your AI Studio application to your Ecenica web hosting in just a few minutes. This step-by-step guide walks you through extracting your app from Google AI Studio, setting up your Gemini API key, building the production files, and uploading everything to your web server.

What You’ll Need:

1. A Google AI Studio account and app
2. A Gemini API key
3. Node.js installed on your computer
4. Ecenica web hosting plan with file upload access
5. Basic familiarity with Terminal/Command Prompt

Deploying Your AI Studio App

Download and Setup

1. Visit https://aistudio.google.com/ and click Download app
2. Save the .zip file to your computer
3. Extract the zip file contents

Configure the Application

1. Open Terminal (Mac) or Command Prompt (Windows)
2. Navigate to the extracted directory using cd path/to/your/app
3. Install dependencies by running:
   npm install
4. Open the .env.local file in a text editor
5. Add your Gemini API key:
   GEMINI_API_KEY=your_api_key_here
6. Save and close the file

Build and Deploy

1. Build the application:

   npm run build
   

2. Create a zip file of the dist directory (not the entire project)
3. Log into your Ecenica web hosting control panel
4. Upload the dist.zip file to your public_html folder (or appropriate domain directory)
5. Extract the zip file in place
6. Your app should now be accessible at your domain