Cara Bermigrasi dari Firebase Studio ke Antigravity

1. Pengantar

Lab ini memandu Anda memigrasikan ruang kerja yang ada ke Google Antigravity, IDE agentic yang mengutamakan kode. Berikut adalah video berdurasi 1 menit yang membahas langkah-langkah yang akan kita ikuti di lab ini.

2. Menginstal Antigravity IDE

Antigravity adalah IDE agentic yang mengutamakan kode dari Google. Lab ini menggunakan Antigravity untuk melakukan transformasi project otomatis.

  1. Buka antigravity.google.
  2. Download penginstal untuk sistem operasi Anda (macOS, Windows, atau Linux).
  3. Jalankan penginstal dan ikuti petunjuk di layar.
  4. Buka Antigravity untuk memastikan aplikasi berfungsi dengan benar.

3. Instal Node.js

Antigravity dan Firebase CLI mengandalkan Node.js. Pastikan Anda memiliki versi 20 atau yang lebih tinggi.

  1. Download Node.js versi LTS dari nodejs.org.
  2. Jalankan penginstal dan setujui setelan default.
  3. Buka terminal dan jalankan node --version untuk mengonfirmasi bahwa versinya adalah 20.x atau yang lebih tinggi.

4. Menginstal Firebase CLI

Firebase CLI memungkinkan Anda men-deploy aplikasi dari command line.

  1. Di terminal, jalankan perintah berikut untuk menginstal CLI secara global: 
    npm install -g firebase-tools
  2. Jika diminta izin di macOS atau Linux, Anda mungkin perlu menjalankan: 
    sudo npm install -g firebase-tools
  3. Verifikasi penginstalannya: 
    firebase --version
    Pastikan versinya adalah 15.10.0 atau yang lebih baru.

5. Mengekspor project dari Firebase Studio

  1. Buka ruang kerja Anda di Firebase Studio.
  2. Klik tombol Pindahkan sekarang di bagian atas ruang kerja.
  3. Ikuti petunjuk di layar untuk mengompresi dan mendownload file project mereka
    • Catatan: Jika tidak ada jendela yang muncul, periksa pemblokir pop-up di kolom URL browser Anda.
  4. Ekstrak folder ZIP yang didownload ke direktori lokal.

6. Melakukan inisialisasi aplikasi Anda di Antigravity

  1. Buka folder yang diekstrak di Antigravity.
  2. Di Agent pane, pilih model Gemini Flash.
  3. Masukkan perintah berikut: 
    @fbs-to-agy-export
  4. Ikuti panduan agen dan berikan bantuan jika diminta untuk menyelesaikan transformasi project.

7. Melihat pratinjau aplikasi Anda secara lokal

  1. Buka menu Run and Debug di sidebar kiri.
  2. Klik tombol Play untuk memulai server pengembangan lokal.
  3. Ikuti petunjuk di terminal untuk melihat aplikasi Anda.

8. Memublikasikan aplikasi

  1. Buka panel chat Agen.
  2. Masukkan perintah berikut: 
    Publish my app
  3. Saat diminta untuk menjalankan firebase deploy, pilih Ya.
  4. Agen akan menautkan ke URL App Hosting yang ada atau memandu Anda melakukan penyiapan baru.

9. Kesimpulan

Anda telah berhasil memigrasikan project Firebase Studio ke Antigravity dan men-deploy ulang menggunakan alur kerja agentic.