Firebase Studio: Agent Mode, MCP ve Gemini CLI

1{
2  "studio": {
3    "name": "my-portfolio-project",
4    "region": "us-central1",
5    "framework": "nextjs",
6    "nodeVersion": "20"
7  },
8  "mcpServers": {
9    "firebase": {
10      "command": "npx",
11      "args": ["-y", "firebase-mcp-server"],
12      "env": { "FIREBASE_PROJECT_ID": "my-project-id" }
13    },
14    "supabase": {
15      "command": "npx",
16      "args": ["-y", "@supabase/mcp-server"],
17      "env": {
18        "SUPABASE_URL": "https://xxx.supabase.co",
19        "SUPABASE_SERVICE_ROLE_KEY": "eyJ..."
20      }
21    }
22  },
23  "agentMode": {
24    "enabled": true,
25    "autoApprove": false,
26    "contextFiles": ["ARCHITECTURE.md", "CLAUDE.md"]
27  }
28}

1# .idx/dev.nix
2{ pkgs, ... }: {
3  # Dil desteği
4  packages = [
5    pkgs.nodejs_20
6    pkgs.nodePackages.firebase-tools
7    pkgs.python312
8    pkgs.go_1_22
9    pkgs.rustc
10    pkgs.cargo
11  ];
12 
13  # IDE ayarları
14  idx = {
15    extensions = [
16      "bradlc.vscode-tailwindcss"
17      "esbenp.prettier-vscode"
18      "dbaeumer.vscode-eslint"
19    ];
20 
21    # Preview yapılandırması
22    previews = {
23      enable = true;
24      previews = {
25        web = {
26          command = ["npm" "run" "dev" "--" "--port" "$PORT"];
27          manager = "web";
28        };
29        android = {
30          command = ["flutter" "run" "--machine" "-d" "emulator"];
31          manager = "flutter";
32        };
33      };
34    };
35 
36    # Workspace açılışında çalışacak komutlar
37    workspace = {
38      onCreate = {
39        install = "npm install";
40        setup-firebase = "firebase login --no-localhost";
41      };
42      onStart = {
43        dev-server = "npm run dev";
44      };
45    };
46  };
47}

1👤 Kullanıcı: "Bu Next.js projesine dark mode desteği ekle.
2    Tailwind CSS kullanıyoruz. Tercih localStorage'da saklanmalı."
3 
4🤖 Agent: Analiz ediyorum...
5 
6Plan:
71. next-themes paketini kurulum → npm install next-themes
82. tailwind.config.ts → darkMode: 'class' ekle
93. ThemeProvider component oluştur → src/components/theme-provider.tsx
104. Root layout'a ThemeProvider ekle → src/app/layout.tsx
115. Theme toggle butonu oluştur → src/components/theme-toggle.tsx
126. Header'a toggle ekle → src/components/header.tsx
13 
14Onaylıyor musun?
15 
16👤 Kullanıcı: Evet, devam et
17 
18🤖 Agent: [6 dosya oluşturuyor/düzenliyor, npm install çalıştırıyor]
19 
20✅ Tamamlandı. Dark mode eklendi:
21- next-themes entegre edildi
22- localStorage'da 'theme' key'inde saklanıyor
23- Sistem tercihini otomatik algılıyor
24- Toggle butonu header'ın sağ üstünde

1{
2  "mcpServers": {
3    "supabase": {
4      "command": "npx",
5      "args": ["-y", "@supabase/mcp-server"],
6      "env": {
7        "SUPABASE_URL": "https://xxx.supabase.co",
8        "SUPABASE_SERVICE_ROLE_KEY": "eyJ..."
9      }
10    },
11    "firebase": {
12      "command": "npx",
13      "args": ["-y", "firebase-mcp-server"],
14      "env": {
15        "FIREBASE_PROJECT_ID": "my-project"
16      }
17    },
18    "github": {
19      "command": "npx",
20      "args": ["-y", "@github/mcp-server"],
21      "env": {
22        "GITHUB_TOKEN": "ghp_..."
23      }
24    },
25    "sentry": {
26      "command": "npx",
27      "args": ["-y", "@sentry/mcp-server"],
28      "env": {
29        "SENTRY_AUTH_TOKEN": "sntrys_..."
30      }
31    }
32  }
33}

1👤 "Supabase'deki users tablosunun şemasını göster"
2🤖 [MCP: supabase.getSchema('users')] →
3    id: uuid, email: text, name: text, created_at: timestamptz
4 
5👤 "Son 7 günde kayıt olan kullanıcı sayısı?"
6🤖 [MCP: supabase.query("SELECT COUNT(*) FROM users WHERE created_at > NOW() - INTERVAL '7 days'")]
7    → 342 yeni kullanıcı
8 
9👤 "Sentry'de bugün açılan critical hatalar?"
10🤖 [MCP: sentry.getIssues({ level: 'critical', since: 'today' })]
11    → 2 critical hata: NullPointerException (23 event), TimeoutException (8 event)
12 
13👤 "GitHub'daki açık PR'ları listele"
14🤖 [MCP: github.listPullRequests({ state: 'open' })]
15    → 5 açık PR: #142 dark-mode, #139 fix-auth, ...

1# Kurulum
2npm install -g @google/gemini-cli
3 
4# Veya npx ile
5npx @google/gemini-cli
6 
7# Temel kullanım
8gemini "Bu Go kodundaki race condition'ı bul"
9 
10# Dosya ile
11gemini "Bu dosyadaki bug'ı düzelt" --file src/api/handler.go
12 
13# Pipe ile
14cat error.log | gemini "Bu logdaki hata nedir ve nasıl düzeltilir?"
15 
16# Interaktif mod
17gemini --interactive

1# .github/workflows/ai-review.yml
2name: AI Code Review
3 
4on:
5  pull_request:
6    types: [opened, synchronize]
7 
8jobs:
9  review:
10    runs-on: ubuntu-latest
11    steps:
12      - uses: actions/checkout@v4
13 
14      - name: Get diff
15        id: diff
16        run: |
17          git fetch origin ${{ github.base_ref }}
18          git diff origin/${{ github.base_ref }}...HEAD > diff.txt
19 
20      - name: AI Review
21        run: |
22          npx @google/gemini-cli \
23            --file diff.txt \
24            "Bu kod değişikliğini incele. Potansiyel bug, performans sorunu ve güvenlik açığı var mı?" \
25            > review.md
26 
27      - name: Comment PR
28        uses: actions/github-script@v7
29        with:
30          script: |
31            const fs = require('fs');
32            const review = fs.readFileSync('review.md', 'utf8');
33            github.rest.issues.createComment({
34              issue_number: context.issue.number,
35              owner: context.repo.owner,
36              repo: context.repo.repo,
37              body: '## 🤖 AI Code Review\n\n' + review,
38            });

1👤 "Restoran sipariş uygulaması oluştur:
2    - Menü listesi (kategorili)
3    - Sepet yönetimi
4    - Sipariş takibi
5    - Firebase Auth ile giriş
6    - Firestore ile veri yönetimi
7    - Tailwind ile modern tasarım"
8 
9🤖 [Next.js + Firebase + Tailwind projesi oluşturuyor]
10    ✅ 12 dosya oluşturuldu
11    ✅ Firebase config ayarlandı
12    ✅ Auth + Firestore entegre
13    ✅ 4 sayfa: Menü, Sepet, Siparişlerim, Profil
14    ✅ Responsive tasarım
15    ✅ Preview URL: https://xxx.web.app

1Senaryo: 3 kişilik takım, aynı proje
2 
31. Her geliştirici kendi workspace'inde çalışır (izole ortam)
42. Git ile kod paylaşımı (branch-based)
53. MCP ile paylaşılan servislere erişim (Supabase, Firebase)
64. Agent Mode ile hız, human review ile kalite
75. Preview URL ile paydaşlara demo