Ngoding Cepat di Browser + AI ? Project IDX Solusinya

19 June 2024 | Author: Back End KM#6

Project IDX adalah platform pengembangan berbasis cloud dari Google yang dirancang untuk mempermudah pembuatan, pengelolaan, dan peluncuran aplikasi full-stack secara Web Base dan semua platform. Platform ini memanfaatkan teknologi cloud terbaru dan integrasi AI untuk mempercepat proses pengembangan sekaligus meningkatkan kualitas kode.

Selain itu, Project IDX mendukung berbagai bahasa pemrograman dan framework, memungkinkan developer bekerja dalam lingkungan yang mirip dengan Visual Studio Code, namun dengan kemampuan integrasi cloud dan AI. Bagi developer, Project IDX membantu menyederhanakan banyak aspek kompleks, serta memungkinkan pemula fokus pada pembelajaran dan penerapan keterampilan coding secara langsung.

Singkatnya kita bisa ngoding dimana saja kapan saja dengan perangkat apa saja yang suport browser dan yang terpenting ada koneksi internet yang stabil.

Project IDX adalah browser-based development experience yang dibangun di atas Google Cloud Workstations dan didukung oleh Codey, sebuah foundational AI model yang dilatih dengan code dan dibangun di atas PaLM 2. Platform ini dirancang untuk memudahkan pembuatan, pengelolaan, dan peluncuran full-stack web dan multiplatform applications, dengan berbagai popular frameworks dan languages. Project IDX juga dibangun di atas Code OSS, jadi akan terasa familiar tidak peduli apa yang sedang kamu bangun.

Kelebihan Project IDX

Bekerja dengan cepat, dari mana saja

dengan Project IDX kamu bisa mengembangkan aplikasi dari mana saja, di perangkat apa saja, dengan kualitas penuh seperti pengembangan lokal. Setiap Project IDX workspace memiliki kemampuan penuh dari VM berbasis Linux, ditambah dengan akses universal yang diperoleh dari hosting di cloud, di datacenter dekat kamu.

Import aplikasi dari Github, atau buat yang baru

Project IDX memungkinkan kamu mengimpor proyek yang sudah ada dari GitHub sehingga kamu bisa melanjutkan dari titik terakhir. Kamu juga bisa membuat proyek baru dengan template siap pakai untuk berbagai framework populer, termasuk Angular, Flutter, Next.js, React, Svelte, Vue, serta bahasa pemrograman seperti JavaScript, Dart, Python, Go, dan lainnya. Kami juga sedang bekerja keras untuk menambahkan dukungan kelas satu untuk lebih banyak tipe proyek dan framework.

Preview aplikasi Anda di cross platform

Project IDX didesain untuk berperilaku di berbagai platform, serta proses preview aplikasi seperti bagian yang dilihat oleh pengguna pun dapat dilihat langsung tanpa melakukan hosting, ini seperti menjalankan local environtment namun di komputer lain. Project IDX juga memberikan preview dalam bentuk mobile dan berbagai device lainnya sehingga memudahkan developer dalam proses debuging dan testing.

Bantuan Integrated AI Gemini

Integrasi fitur AI yang mendukung pengembangan kode, seperti penyempurnaan otomatis kode dan chatbot, sangat membantu dalam menjelaskan serta menambahkan komentar pada kode. Ini tidak hanya mempercepat proses pengembangan, tetapi juga meningkatkan kualitas keseluruhan dari kode yang dihasilkan.

Publish project ke web dengan Firebase Hosting

Project IDX telah terintegrasi dengan Firebase Hosting, yang memungkinkan Anda untuk menerapkan preview yang dapat dibagikan dari aplikasi web Anda, atau menerapkan ke produksi dengan platform hosting yang cepat, aman, dan global, hanya dengan beberapa klik. Dan karena Firebase Hosting mendukung backend dinamis yang didukung oleh Cloud Functions, ini sangat cocok untuk framework full-stack seperti Next.js.

MARKICOB, Mari Kita Coba !!

Untuk bisa mencoba Project IDX anda bisa mengunjungi https://idx.google.com/. yang pertama anda bisa lakukan adalah gunakan akun google anda untuk proses login.

Pertama anda bisa klik tombol Exprole IDX / Get Started. Lalu anda akan otomatis masuk ke halaman Berikut :

centang beberapa ketentuan yang anda inginkan untuk akun project IDX anda, pada contoh ini saya hanya setuju kepada seluruh term dan tidak ingin mendapat update dari IDX dan ikut berpartisipasi dalam proses research karena disini kita hanya ingin mencoba saja.

Selanjutnya kita bisa langsung mengaktifkan AI Gemini kedalam seluruh workspace yang akan dibuat nantinya. disini saya akan langsung Enable fitur ini. denga n klik Enable AI Features.

Lalu klik continue saja untuk penjelasan dan bagian privacy ini.

dan Akhirnya kita sudah berhasil membuat akun kita di Project IDX. Selanjutnya kita akan coba untuk membuat contoh template project sederhana yang sudah disediakan oleh Project IDX. disini kita akan mencoba Aplikasi NodeJS.

Pada tahap ini kita hanya harus menmbahkan nama dari project kita, dan memilih apakah ingin menggunakan Javascript atau Typescript. disini kita gunakan Javascript saja. Jika sudah klik Create.

Tunggu proses building dari project hingga selesai…

Dan project sudah bisa berjalan tanpa harus install NodeJS, Install Package, Aplikasi dan lainnya
sungguh luas biasa 😱😱

Setelah dari sini anda bisa menggunakan Gemini AI untuk proses debuging, fixing error dan lainnya seperti gambar dibawah.

Kita juga bisa melakukan Share Hasil Project kita ke perangkat lain dengan cara klik icon chain di kanan atas project, lalu klik Manage Access.

Lalu tambahkan email orang lain untuk membuat user tersebut bisa akses preview project kita.

Lalu klik Copy Preview URL dan berikan ke user dengan gmail tersebut.

Kurang lebih seperti ini penjelasannya guys, Terimakasih sudah mau membaca artikel ini, Sampai jumpa lagi di artikel lainnya 👋.

referensi :

Ditulis oleh Backend Developer Intern at Digital Amoeba MSIB Batch 6
Raie Aswajjillah – Universitas Islam Nusantara (linkedin.com/in/raie-aswajjillah)