VibeCoder by Elestio - AI-Powered Development Environment

🎯

VibeCoder UI Access (Recommended)

The fastest way to start coding with Claude AI. Access your development environment directly in your browser.

Access your Elestio dashboard Navigate to your service overview page

Click "Display VibeCoder UI" Find the button in your service controls

Login and start coding Use the credentials provided to access your environment

🤖

Claude CLI Complete Setup Guide

First time using Claude CLI? Follow this visual guide to get started in minutes.

💡 What is Claude CLI? Your AI coding assistant that understands your projects, writes code, fixes bugs, and explains complex concepts - all from your terminal.

Access VibeCoder UI

Login to VibeCoder using the credentials from your Elestio dashboard. You'll see a modern terminal interface.

Initialize Claude CLI

When you first open the terminal, Claude will automatically start. You'll see this theme selection screen:

Use arrow keys ↑ ↓ to select your preferred theme, then press Enter.

Choose Connection Method Claude login options

Press 1 to use your Claude account (recommended for full features).

Authenticate Your Account Claude authentication URL

Select the entire URL with your mouse
Copy it (Ctrl+C or Cmd+C)
Open a new browser tab and paste the URL
Complete authentication and copy the provided code
Paste the code back in your terminal

Acknowledge Security Notice Claude security notice

Press Enter to continue. This notice reminds you that Claude can execute code.

Start Building!

You're ready! Try these starter prompts:

              "Create a REST API with Node.js and Express" "Help me build a
              React component for user authentication" "Explain how Docker
              containers work" "Debug this Python function: [paste your code]"
            

🎯 Pro Tips:

Claude can see and edit your files - just ask!
Paste images directly for UI/UX feedback
Use clear to clean your terminal
Press Ctrl+C to interrupt Claude

📝

VS Code Access

Prefer a traditional IDE? Access your full VS Code environment in the browser.

Navigate to Tools In your Elestio service overview, click the "Tools" tab

Launch VS Code Click the VS Code button and copy the password when prompted

Authenticate Click the URL link and paste your password to access VS Code

💡

How VibeCoder Works

VibeCoder automatically manages your development environment:

Claude generates optimized docker-compose configurations
Ports are automatically exposed and configured
Your apps are accessible through secure URLs
All services are containerized for consistency

🌐

Custom Domain Setup

Configure custom domains for your applications:

          # Edit your .env file DOMAIN=vibecoder-cc2025-u21330.vm.elestio.app,your-custom-domain.com
        

Add your custom domain after the comma to enable it for your services.

⚡

Quick Commands Reference

          claude # Start Claude CLI claude --theme # Change theme clear # Clear
          terminal Ctrl+C # Stop current operation docker-compose ps # Check
          running services
        