Belajar Flutter #1: Instalasi, Setup, dan Project Pertama

Pengen nyoba mobile development tapi bingung mulai dari mana? Flutter adalah pilihan tepat untuk kamu — framework cross-platform yang memungkinkan satu codebase berjalan di iOS dan Android. Dengan Dart sebagai bahasa pemrogramannya dan performa yang mendekati native, Flutter semakin banyak dipakai perusahaan besar di 2026 ini. Artikel pertama series "Belajar Flutter: Dari Nol sampai Play Store" ini akan memandu kamu step-by-step melakukan instalasi Flutter SDK di Windows, setup environment, konfigurasi Android Studio dan emulator, sampai berhasil menjalankan project Hello World pertama. Siap? Mari kita mulai!

Sebelum masuk ke coding, kamu perlu tahu mengapa Flutter layak untuk dipelajari. Flutter adalah framework open-source yang dikembangkan Google untuk membangun aplikasi mobile native di iOS dan Android dari satu codebase yang sama. Yang paling menarik? Performa-nya mendekati native app, UI-nya responsive, dan development cycle-nya cepat — kamu bisa lihat perubahan code langsung di emulator berkat fitur Hot Reload.

Kalau sebelumnya kamu belum pernah coding mobile, jangan khawatir. Article ini dirancang untuk pemula absolut. Kita akan setup semua tools yang diperlukan, pastikan environment clean tanpa error, dan akhirnya menjalankan project pertama kamu. Let's go!

Persyaratan Awal

Sebelum mulai instalasi, pastikan kamu punya beberapa hal ini:

Komputer dengan sistem operasi Windows 10/11 (minimal 8 GB RAM, tapi 16 GB lebih recommended untuk smooth experience)
Koneksi internet stabil — file download cukup besar (Flutter SDK ~300+ MB, Android SDK ~500+ MB)
Git untuk Windows — kamu bisa download dari git-scm.com (opsional tapi highly recommended)
Terminal / Command Prompt — kamu sudah punya ini bawaan Windows

Catatan: Jika kamu pakai macOS atau Linux, langkah-langkahnya mirip, hanya beberapa command berbeda. Kami bahas versi Windows di article ini, tapi dokumentasi resmi Flutter ada di flutter.dev untuk reference platform lain.

Langkah 1: Download Flutter SDK

Buka browser kamu dan pergi ke https://flutter.dev/docs/get-started/install. Di halaman itu kamu akan melihat opsi untuk Windows. Klik download file `.zip` untuk Flutter SDK versi terbaru.

Setelah selesai download, extract file ZIP tersebut ke folder yang mudah diakses. Contoh: C:\flutter. Jangan taruh di folder yang memerlukan permission admin (seperti C:\Program Files), karena nanti bisa jadi masalah.

Struktur folder setelah extract akan terlihat seperti ini:

C:\flutter\
├── bin\
├── dev\
├── packages\
├── .dart_tool\
└── ... (file lainnya)

Langkah 2: Setup Environment Variable PATH

Windows perlu tahu di mana letak Flutter SDK agar kamu bisa jalankan command `flutter` dari terminal mana saja. Caranya adalah menambahkan path ke Environment Variable.

Buka Control Panel → System and Security → System
Klik Advanced system settings di sebelah kiri
Pilih tab Advanced, kemudian klik tombol Environment Variables
Di bagian User variables, klik New
Masukkan nama: PATH (atau edit PATH yang sudah ada jika sudah ada)
Masukkan value: C:\flutter\bin (sesuaikan dengan folder Flutter kamu)
Klik OK dan restart Command Prompt / Terminal kamu

Untuk memastikan PATH sudah ter-set dengan benar, buka Command Prompt baru dan ketik:

flutter --version

Jika berhasil, kamu akan melihat output versi Flutter saat ini. Jika error "flutter is not recognized", berarti PATH belum benar — ulangi langkah di atas.

Langkah 3: Install Android Studio dan SDK

Flutter memerlukan Android SDK untuk bisa build dan run app di emulator atau device. Cara termurah: install Android Studio yang sudah include Android SDK. Download dari developer.android.com/studio.

Setelah instalasi selesai:

Buka Android Studio
Biarkan proses setup initial selesai (download Gradle, SDK components, etc.)
Pergi ke Tools → SDK Manager
Di tab SDK Platforms, pastikan minimal satu versi Android terinstall (contoh: Android 14 / API level 34)
Di tab SDK Tools, pastikan ada Android SDK Build-Tools dan Android Emulator

Proses download bisa memakan waktu beberapa menit, jadi sabar aja!

Langkah 4: Setup Android Emulator

Emulator adalah virtual device Android yang berjalan di komputer kamu. Sangat penting untuk testing app.

Di Android Studio, buka AVD Manager (Tools → Device Manager)
Klik Create Virtual Device
Pilih device profile (contoh: Pixel 6) dan klik Next
Pilih API level (contoh: Android 14 / API 34) dan klik Next
Review setting dan klik Finish

Emulator siap! Kamu bisa test nyalakan dengan klik tombol Play di AVD Manager.

Langkah 5: Jalankan Flutter Doctor

Flutter punya tool bernama flutter doctor yang berguna untuk cek apakah semua dependency sudah ter-install dengan benar. Buka terminal/command prompt dan jalankan:

flutter doctor

Output yang bersih akan terlihat seperti ini (contoh):

Doctor summary (to get all required packages, run `flutter pub get --upgrade`)
[✓] Flutter (Channel stable, 3.24.0, on Microsoft Windows [Version 10.0.19045])
[✓] Windows Version (Installed version of Windows is version 10 or higher)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Android Studio (version 2024.1)
[✓] VS Code (version 1.95)
[✓] Connected device (1 available)

• No issues found!

Jika ada warning atau error, ikuti saran yang ditampilkan. Biasanya error terkait Android SDK atau Java yang belum ter-set up — tinggal follow instruction yang muncul.

Langkah 6: Buat Project Flutter Pertama

Sekarang giliran membuat project baru. Pilih folder di mana kamu ingin project berada, kemudian buka terminal di situ dan jalankan:

flutter create hello_world

Ganti hello_world dengan nama project kamu kalau mau. Flutter akan generate folder project dengan struktur lengkap — widget, dependency, config, semuanya sudah ready to go.

Masuk ke folder project:

cd hello_world

Struktur project Flutter dasar akan terlihat seperti:

hello_world\
├── android\
├── ios\
├── lib\
│   └── main.dart
├── test\
├── pubspec.yaml
└── ... (file konfigurasi lainnya)

File paling penting untuk kita adalah lib/main.dart — di sini kita menulis code Flutter pertama kita.

Langkah 7: Jalankan Project Pertama

Pastikan emulator sudah running (atau device fisik terhubung via USB). Kemudian jalankan command:

flutter run

Flutter akan compile code, push ke emulator, dan run app. Proses pertama kali bisa memakan waktu 1-2 menit. Tunggu sampai terlihat app berjalan di emulator dengan tampilan default counter app — itu sudah berhasil!

Sekarang coba edit file lib/main.dart — ubah text di widget mana saja. Simpan file (Ctrl+S), dan lihat magic terjadi — emulator akan auto-reload tanpa perlu restart app! Itu adalah Hot Reload, salah satu fitur terbaik Flutter.

Kesimpulan

Selamat! Kamu sudah berhasil setup Flutter environment lengkap dan menjalankan project pertama. Dari sini, kamu sudah siap untuk mulai belajar membuat UI, handle state, dan logic app. Di episode berikutnya (Belajar Flutter #2), kita akan explore widget dasar seperti Text, Button, dan Container — dan kamu akan membuat simple UI layout. Jangan lupa ikuti terus series ini, dan kalau ada pertanyaan atau stuck di langkah mana pun, share di comment ya!