Quick Tour

Your first 5 minutes with Blueberry.

Opening a Project

1. Launch Blueberry
2. Click “Open Folder” or drag a folder onto the window
3. Blueberry will open your project with the file explorer on the left

The Interface

Blueberry’s interface has four main panels:

• File Explorer (left sidebar) - Browse and open files
• Editor (center) - Edit code with syntax highlighting
• Terminal (bottom) - Run commands
• Preview (right) - View your running app

Basic Workflow

1. Open a File

Click any file in the explorer to open it in the editor. The editor supports 30+ languages with syntax highlighting.

2. Run Commands

Click the terminal panel or press `Cmd+“ to focus it. Run your dev server:

npm run dev

3. Preview Your App

When Blueberry detects a running dev server, it automatically opens the preview panel. You can also manually enter a URL.

4. Make Changes

Edit your code in the editor. Changes are saved automatically. The preview updates in real-time with hot reload.

Keyboard Shortcuts

Next Steps

• Claude Setup - Add AI assistance
• Code Editor - Learn editor features