Files
2025-10-25 20:11:21 +02:00

545 lines
15 KiB
Markdown

# Oracle Cloud iPad Development Environment - Implementation Plan
**Last Updated:** 2025-10-25
**Status:** Ready to Build
## What We're Building
A cloud-based development environment accessible from iPad, hosted on Oracle Cloud Free Tier:
- **Git Server** (Gitea) - Host your knowledge repository with web UI
- **VS Code Server** (code-server) - Full VS Code in browser with Claude Code extension
- **Container Management** (CapRover) - One-click deployment platform for additional apps
## Architecture
```
Oracle Cloud Free Tier - ARM VM (4 cores, 24GB RAM)
├── Ubuntu 22.04 LTS (ARM64)
├── Docker Engine
└── CapRover PaaS Platform
├── captain.yourdomain.com → CapRover dashboard
├── git.yourdomain.com → Gitea (Git server)
└── code.yourdomain.com → code-server (VS Code + Claude Code)
```
## Tech Stack
| Component | Technology | Purpose | Resources |
|-----------|-----------|---------|-----------|
| **Infrastructure** | Oracle Cloud (ARM VM) | Free hosting | 4 cores, 24GB RAM, 200GB storage |
| **OS** | Ubuntu 22.04 LTS ARM64 | Server operating system | ~2GB |
| **Container Runtime** | Docker Engine | Run containers | Required by CapRover |
| **Platform** | CapRover | PaaS + app deployment | ~300MB RAM |
| **Git Server** | Gitea v1.21.1 | Self-hosted GitHub alternative | ~200MB RAM |
| **Code Editor** | code-server | VS Code in browser | ~500MB RAM |
| **AI Assistant** | Claude Code extension | AI-powered coding | VS Code extension |
| **DNS** | Cloudflare | Domain management | Existing domain |
| **SSL** | Let's Encrypt (via CapRover) | Automatic HTTPS | Free |
**Total base resource usage:** ~1GB RAM, ~10GB storage
**Remaining available:** ~23GB RAM, ~190GB storage
## Implementation Phases
### Phase 1: Oracle Cloud Setup (1-2 hours)
**Objective:** Provision and secure the ARM VM
- [ ] Create Oracle Cloud account (if needed)
- [ ] Provision ARM VM instance:
- Shape: VM.Standard.A1.Flex
- OCPU: 4
- RAM: 24GB
- Boot volume: 50GB (default)
- Image: Ubuntu 22.04 LTS (ARM64)
- Region: Choose based on availability
- [ ] Configure Oracle Security Lists (firewall):
- Allow inbound: 22 (SSH), 80 (HTTP), 443 (HTTPS), 3000 (CapRover initial setup)
- Allow inbound: 996, 7946, 4789, 2377 (CapRover/Docker Swarm)
- [ ] Note public IP address
- [ ] Set up SSH key authentication
- [ ] SSH into VM and verify access
**Deliverable:** Accessible Ubuntu VM with public IP
---
### Phase 2: Server Foundation (30 minutes)
**Objective:** Install Docker and prepare for CapRover
```bash
# Update system
sudo apt update && sudo apt upgrade -y
# Install Docker Engine
curl -fsSL https://get.docker.com -o get-docker.sh
sudo sh get-docker.sh
# Add user to docker group
sudo usermod -aG docker $USER
newgrp docker
# Verify Docker installation
docker --version
docker run hello-world
# Configure firewall (UFW)
sudo ufw allow 22/tcp
sudo ufw allow 80/tcp
sudo ufw allow 443/tcp
sudo ufw allow 3000/tcp
sudo ufw allow 996/tcp
sudo ufw allow 7946/tcp
sudo ufw allow 4789/tcp
sudo ufw allow 2377/tcp
sudo ufw enable
# Enable automatic security updates
sudo apt install unattended-upgrades -y
sudo dpkg-reconfigure -plow unattended-upgrades
```
**Deliverable:** VM with Docker installed and firewall configured
---
### Phase 3: DNS Configuration (10 minutes)
**Objective:** Point domain to Oracle VM
In Cloudflare DNS:
1. Add A record for wildcard subdomain:
- Type: `A`
- Name: `*` (wildcard) or `*.oracle` (if you want subdomain)
- Content: `YOUR_ORACLE_VM_PUBLIC_IP`
- Proxy status: DNS only (orange cloud OFF)
- TTL: Auto
2. Verify DNS propagation:
```bash
# From your local machine
nslookup captain.yourdomain.com
nslookup git.yourdomain.com
nslookup code.yourdomain.com
```
**Deliverable:** DNS records pointing to Oracle VM
---
### Phase 4: CapRover Installation (15 minutes)
**Objective:** Install and configure CapRover PaaS platform
```bash
# Install CapRover
docker run -p 80:80 -p 443:443 -p 3000:3000 \
-v /var/run/docker.sock:/var/run/docker.sock \
-v /captain:/captain \
-e ACCEPTED_TERMS=true \
caprover/caprover
# Wait ~2 minutes for CapRover to initialize
# Access CapRover setup wizard
# Open browser: http://YOUR_VM_IP:3000
```
**CapRover Initial Setup Wizard:**
1. **Password:** Set a strong password (save it!)
2. **Root Domain:** `yourdomain.com` (or `oracle.yourdomain.com`)
3. **Email:** Your email for Let's Encrypt SSL
4. **Enable HTTPS:** ✅ Yes
5. **Force HTTPS:** ✅ Yes
**Post-setup:**
- Access dashboard at: `https://captain.yourdomain.com`
- Login with the password you set
- Verify SSL certificate is working
**Deliverable:** Running CapRover platform with HTTPS
---
### Phase 5: Deploy Gitea (10 minutes)
**Objective:** Deploy Git server via CapRover one-click app
**In CapRover Dashboard:**
1. Navigate to **Apps** → **One-Click Apps/Databases**
2. Search for **Gitea**
3. Configure:
- **App Name:** `git` (becomes git.yourdomain.com)
- **Gitea Version:** `1.21.1` (default, or latest)
- **MySQL Version:** `8.0.32` (default)
- **MySQL Root Password:** Auto-generated (or custom)
4. Click **Deploy**
5. Wait ~2 minutes for deployment
**Initial Gitea Setup:**
1. Open `https://git.yourdomain.com`
2. Complete Gitea installation wizard:
- **Database Type:** MySQL (pre-configured by CapRover)
- **Database Host:** Auto-configured
- **Site Title:** "Your Name's Git Server" or similar
- **Server Domain:** `git.yourdomain.com`
- **SSH Port:** 22 (or custom if needed)
- **Base URL:** `https://git.yourdomain.com/`
- **Admin Account:**
- Username: Your username
- Password: Strong password
- Email: Your email
3. Click **Install Gitea**
4. Login with admin account
**Create Your Knowledge Repository:**
1. Click **+** → **New Repository**
2. Repository name: `knowledge-base` (or your preferred name)
3. Make it private
4. Initialize with README
5. Create repository
**Deliverable:** Working Gitea instance with your repository
---
### Phase 6: Deploy code-server (10 minutes)
**Objective:** Deploy VS Code Server via CapRover one-click app
**In CapRover Dashboard:**
1. Navigate to **Apps** → **One-Click Apps/Databases**
2. Search for **code-server**
3. Configure:
- **App Name:** `code` (becomes code.yourdomain.com)
- **Password:** Set a strong password for code-server access
- **Sudo Password:** (Optional) For terminal sudo access
4. Click **Deploy**
5. Wait ~2 minutes for deployment
**Access code-server:**
1. Open `https://code.yourdomain.com`
2. Enter the password you set
3. You should see VS Code interface in browser!
**Deliverable:** Working code-server accessible via browser
---
### Phase 7: Configure Development Environment (30 minutes)
**Objective:** Set up code-server with Claude Code and clone your repo
**7.1 Configure Git in code-server:**
Open terminal in code-server (`` Ctrl+` `` or Terminal menu):
```bash
# Set up git identity
git config --global user.name "Your Name"
git config --global user.email "your@email.com"
# Generate SSH key for Gitea
ssh-keygen -t ed25519 -C "your@email.com"
# Press Enter for default location, set passphrase (optional)
# Copy public key
cat ~/.ssh/id_ed25519.pub
```
**Add SSH key to Gitea:**
1. Copy the public key output
2. Go to Gitea (`git.yourdomain.com`)
3. Click your profile → **Settings** → **SSH / GPG Keys**
4. Click **Add Key**
5. Paste the public key
6. Give it a title (e.g., "code-server")
7. Click **Add Key**
**7.2 Clone your repository:**
In code-server terminal:
```bash
# Clone your knowledge repo
cd ~
git clone git@git.yourdomain.com:YOUR_USERNAME/knowledge-base.git
# Open the repository in code-server
code knowledge-base
```
**7.3 Install Claude Code extension:**
1. Click **Extensions** icon (left sidebar) or `Ctrl+Shift+X`
2. Search: "Claude Code" or "Anthropic"
3. Click **Install** on the Claude Code extension
4. After installation, you'll be prompted to authenticate
5. Enter your Anthropic API key or login to Claude Pro
**Verify Claude Code is working:**
- Open a file in your repository
- Try asking Claude a question about your code
- Test code completion features
**7.4 Optional: Install additional extensions:**
- Markdown Preview Enhanced
- GitLens
- Any other extensions you use
**Deliverable:** Fully configured development environment with Claude Code
---
### Phase 8: iPad Setup (5 minutes)
**Objective:** Install code-server as PWA on iPad for native-like experience
**On your iPad:**
1. Open Safari
2. Navigate to `https://code.yourdomain.com`
3. Login with your password
4. Tap the **Share** button (square with arrow)
5. Scroll down and tap **Add to Home Screen**
6. Name it "Cloud Code" or "Code Server"
7. Tap **Add**
8. Find the app icon on your home screen
9. Tap to open (full-screen experience!)
**Benefits of PWA mode:**
- No Safari UI bars (more screen space)
- Runs like a native app
- Better keyboard integration
- Quick access from home screen/dock
**Deliverable:** Code-server installed as PWA on iPad
---
### Phase 9: Backup & Security (1 hour)
**Objective:** Secure the environment and set up backups
**9.1 SSH Hardening:**
```bash
# Change SSH port (optional but recommended)
sudo nano /etc/ssh/sshd_config
# Change: Port 22 → Port 2222
# Set: PasswordAuthentication no
# Set: PermitRootLogin no
sudo systemctl restart sshd
# Update Oracle Security Lists to allow port 2222 instead of 22
# Update UFW: sudo ufw allow 2222/tcp && sudo ufw delete allow 22/tcp
```
**9.2 Configure Backups:**
Create backup script:
```bash
# Create backup directory
mkdir -p /home/ubuntu/backups
# Create backup script
cat > /home/ubuntu/backup.sh << 'EOF'
#!/bin/bash
BACKUP_DIR="/home/ubuntu/backups"
DATE=$(date +%Y%m%d_%H%M%S)
# Backup Gitea data
docker exec srv-captain--git tar czf /tmp/gitea-backup-${DATE}.tar.gz /data
docker cp srv-captain--git:/tmp/gitea-backup-${DATE}.tar.gz ${BACKUP_DIR}/
# Backup code-server data
docker exec srv-captain--code tar czf /tmp/code-backup-${DATE}.tar.gz /home/coder
docker cp srv-captain--code:/tmp/code-backup-${DATE}.tar.gz ${BACKUP_DIR}/
# Keep only last 7 days of backups
find ${BACKUP_DIR} -name "*.tar.gz" -mtime +7 -delete
echo "Backup completed: ${DATE}"
EOF
chmod +x /home/ubuntu/backup.sh
# Set up cron job (daily at 2 AM)
(crontab -l 2>/dev/null; echo "0 2 * * * /home/ubuntu/backup.sh >> /home/ubuntu/backup.log 2>&1") | crontab -
```
**9.3 Oracle Block Volume Setup (Optional):**
If you want persistent storage separate from boot volume:
1. Create 100GB block volume in Oracle Cloud console
2. Attach to VM instance
3. Format and mount:
```bash
sudo mkfs.ext4 /dev/sdb
sudo mkdir /mnt/data
sudo mount /dev/sdb /mnt/data
sudo chown ubuntu:ubuntu /mnt/data
# Add to fstab for persistence
echo "/dev/sdb /mnt/data ext4 defaults 0 0" | sudo tee -a /etc/fstab
```
4. Move Docker volumes to block storage:
```bash
sudo systemctl stop docker
sudo mv /var/lib/docker /mnt/data/docker
sudo ln -s /mnt/data/docker /var/lib/docker
sudo systemctl start docker
```
**Deliverable:** Secured and backed-up environment
---
### Phase 10: Deploy Monitoring (Optional, 15 minutes)
**Objective:** Monitor your services with Uptime Kuma
**In CapRover Dashboard:**
1. **Apps** → **One-Click Apps/Databases**
2. Search: **Uptime Kuma**
3. Configure:
- App Name: `uptime`
4. Deploy
5. Access: `https://uptime.yourdomain.com`
6. Create admin account
7. Add monitors for:
- Gitea (`https://git.yourdomain.com`)
- code-server (`https://code.yourdomain.com`)
- CapRover (`https://captain.yourdomain.com`)
**Deliverable:** Monitoring dashboard for all services
---
## Final Verification Checklist
- [ ] CapRover dashboard accessible at `https://captain.yourdomain.com`
- [ ] Gitea accessible at `https://git.yourdomain.com` with your repository
- [ ] code-server accessible at `https://code.yourdomain.com`
- [ ] code-server has Claude Code extension installed and working
- [ ] Repository cloned in code-server
- [ ] Can commit and push from code-server to Gitea
- [ ] code-server installed as PWA on iPad
- [ ] All services have valid SSL certificates
- [ ] SSH hardened (port changed, password auth disabled)
- [ ] Backups configured and tested
- [ ] (Optional) Monitoring set up
## Workflow: Using Your iPad Dev Environment
**Daily workflow:**
1. **On iPad:** Open "Cloud Code" PWA from home screen
2. **Edit files:** Make changes to your knowledge base
3. **Use Claude Code:** Get AI assistance while coding
4. **Commit changes:**
```bash
git add .
git commit -m "Update notes on X"
git push
```
5. **View in Gitea:** Check `https://git.yourdomain.com` to see changes
**From any device:**
- Access code-server: `https://code.yourdomain.com`
- Browse repo in web: `https://git.yourdomain.com`
- Manage apps: `https://captain.yourdomain.com`
## Troubleshooting
**CapRover not accessible:**
- Check Oracle Security Lists (firewall rules)
- Check UFW: `sudo ufw status`
- Check CapRover status: `docker ps`
**SSL certificate issues:**
- Ensure DNS is propagated: `nslookup captain.yourdomain.com`
- Check Cloudflare proxy is OFF (DNS only)
- Wait 5-10 minutes for Let's Encrypt
**code-server can't clone from Gitea:**
- Verify SSH key added to Gitea
- Test SSH: `ssh -T git@git.yourdomain.com`
- Check git config: `git config --list`
**Claude Code extension not working:**
- Verify API key is valid
- Check extension logs in code-server
- Try reinstalling extension
## Cost Breakdown
| Item | Cost |
|------|------|
| Oracle Cloud ARM VM | $0 (Free Tier) |
| Oracle Block Storage (200GB) | $0 (Free Tier) |
| Cloudflare DNS | $0 (Free Plan) |
| Domain (if you don't have one) | ~$10-15/year |
| Let's Encrypt SSL | $0 (Free) |
| **Total Monthly Cost** | **$0** |
## Maintenance
**Weekly:**
- Check backups are running: `ls -lh /home/ubuntu/backups`
- Review service health in Uptime Kuma (if installed)
**Monthly:**
- Update Docker containers via CapRover
- Review disk space: `df -h`
- Test backup restoration
**As needed:**
- Update CapRover: Follow official upgrade guide
- Add new apps via CapRover one-click marketplace
## Next Steps After Setup
**Additional apps you might want to deploy (all one-click in CapRover):**
- **Vaultwarden** - Self-hosted password manager
- **FreshRSS** - RSS feed reader
- **Nextcloud** - File storage and sync
- **Bookstack** - Documentation wiki
- **Plausible** - Privacy-friendly analytics
- **Miniflux** - Minimal RSS reader
- **Dokuwiki** - Simple wiki
- **Jellyfin** - Media server
All available via CapRover's one-click apps marketplace!
## Success Criteria
You'll know the setup is successful when you can:
1. ✅ Open code-server on your iPad (as PWA)
2. ✅ Clone and edit your knowledge repository
3. ✅ Use Claude Code extension to get AI assistance
4. ✅ Commit and push changes back to Gitea
5. ✅ Access everything via HTTPS from anywhere
6. ✅ Deploy new apps with one click in CapRover
**Estimated total setup time:** 3-4 hours (including wait times)
---
**Ready to start building?** Begin with Phase 1!