00:00:00>> Halo, saya Pauline dari Vercel dan di video hari ini,
00:00:03saya akan menunjukkan cara menggunakan
00:00:05integrasi Git v0 untuk mewujudkan
00:00:08ide Anda dari prototipe hingga produksi.
00:00:11Jadi, di video ini,
00:00:12kita akan membangun sebuah blog,
00:00:14menghubungkannya ke GitHub,
00:00:15bereksperimen dengan fitur baru secara aman menggunakan
00:00:18cabang (branch) dan kemudian merilisnya langsung ke web.
00:00:21Pada akhirnya, Anda akan memahami alur kerja yang lengkap.
00:00:25Mari kita mulai.
00:00:27Oke, kita sudah berada di v0.
00:00:30Saya akan mulai dengan membangun blog sederhana.
00:00:33Saya cukup mendeskripsikan apa yang saya inginkan di obrolan.
00:00:35Jadi, yang akan kita lakukan di sini adalah membuat
00:00:37halaman blog modern dengan
00:00:42header, postingan unggulan, dan kisi postingan terbaru.
00:00:53Tips pro, Anda juga bisa mengubah model dari sini.
00:00:57Kami memiliki beberapa model.
00:00:59Ada Mini, Pro, Max,
00:01:01dan juga Opus.
00:01:03Jadi Anda bisa mengubahnya sambil mengobrol.
00:01:07Bagus, saya menyukainya.
00:01:09v0 telah menghasilkan tata letak blog yang bersih ini untuk saya.
00:01:13Mari kita buat beberapa penyesuaian untuk sedikit mempersonalisasinya.
00:01:17Mari kita buat,
00:01:21oh, jika saya bisa mengeja,
00:01:23buat latar belakang header gradasi dari biru ke ungu.
00:01:32Sempurna. Sekarang saya punya blog yang saya sukai.
00:01:36Tapi saat ini, ini hanya ada di v0.
00:01:40Saya perlu menyimpan pekerjaan saya di tempat yang lebih permanen.
00:01:43Akhirnya, saya ingin merilis ini secara langsung,
00:01:45dan di sinilah integrasi Git berperan.
00:01:48Kita cukup menuju ke bilah samping (sidebar) di sini
00:01:52di mana Anda dapat melihat logo GitHub dan koneksi Git.
00:01:56Karena ini pertama kalinya saya menghubungkan proyek ini,
00:01:59v0 meminta saya menghubungkan akun GitHub dan menamai repositori saya.
00:02:04Jadi kita akan lanjut dan menghubungkannya.
00:02:06Cakupannya adalah akun saya.
00:02:08Saya ada di semua akun ini,
00:02:10tapi untuk saat ini, saya pakai akun pribadi Pauline saja.
00:02:13Saya suka dengan nama repositori ini,
00:02:15jadi kita biarkan saja seperti itu dan lanjut
00:02:16membuat repositorinya.
00:02:18Begitu saja, v0 sedang membuat
00:02:21repositori dan mengirimkan semua kode saya ke GitHub.
00:02:24Bagus. Sekarang, mari kita lihat apa yang sebenarnya terjadi di GitHub.
00:02:29Mari kita periksa.
00:02:31Lihat semua kode yang dihasilkan v0 ini.
00:02:34Strukturnya benar dengan semua file konfigurasi yang saya butuhkan.
00:02:38Komponen saya ada di sana,
00:02:40direktori aplikasi (app), dan
00:02:41semuanya terorganisir dan siap untuk dikerjakan.
00:02:43Mungkin Anda berpikir, "Apa untungnya saya terhubung ke GitHub?"
00:02:48Pertama, kode saya dicadangkan dengan aman.
00:02:51Jika terjadi kesalahan,
00:02:53saya memiliki seluruh riwayat saya.
00:02:55Kedua, saya bisa bereksperimen lebih
00:02:57bebas sekarang tanpa khawatir tentang perubahan yang merusak.
00:03:00Kita akan melihat ini sebentar lagi dengan branch,
00:03:02dan ketiga, saya memiliki jalur ke produksi.
00:03:04Saya bisa merilis blog ini secara langsung.
00:03:06Oke, mari kita lihat ini beraksi dengan menambahkan fitur baru.
00:03:09Katakanlah saya ingin menambahkan bagian "Tentang Penulis",
00:03:14tapi saya belum 100 persen yakin tampilannya ingin seperti apa.
00:03:17Saya tidak ingin mengacaukan versi ini.
00:03:19Di sinilah peran branch atau cabang.
00:03:21Branch itu seperti versi paralel dari
00:03:24proyek Anda di mana Anda bisa bereksperimen dengan aman.
00:03:27Oke. Jadi yang akan kita lakukan di sini adalah menduplikasi branch ini.
00:03:31Mari kita beri nama branch ini "author-bio".
00:03:36Perhatikan di atas sini,
00:03:38saya sekarang berada di branch author-bio.
00:03:41Branch utama (main) saya masih persis seperti saat saya tinggalkan.
00:03:45Sekarang kita bisa bebas bereksperimen di sini.
00:03:48Kita ingin menambahkan biodata penulis tersebut.
00:03:50Cukup minta v0 untuk menambahkan bagian biodata penulis.
00:03:56Oke, luar biasa.
00:03:59v0 telah menambahkan komponen biodata penulis baru ini.
00:04:02Sekarang mari kita segarkan (refresh) pratinjau di sini.
00:04:06Kita seharusnya bisa melihat di mana v0 menambahkannya.
00:04:10Nah, itu dia. Ada bagian baru "Tentang Penulis".
00:04:13Sekadar pengingat,
00:04:15kita telah membuat perubahan di branch ini,
00:04:18branch author-bio,
00:04:19yang berarti tidak ada perubahan
00:04:22yang dibuat pada branch utama sama sekali.
00:04:24Jadi branch ini bebas untuk kita bereksperimen.
00:04:27Jika kita ingin mengubah teksnya lagi,
00:04:29atau gayanya, kita bisa melakukannya dengan bebas di sini.
00:04:33Sebenarnya setelah melihat ini,
00:04:35menurut saya biodata penulisnya harus sedikit lebih ringkas.
00:04:38Izinkan saya menyesuaikannya selagi masih di branch ini,
00:04:40sekadar menunjukkan kepada Anda.
00:04:41Buat biodata penulis lebih ringkas.
00:04:46Oke, luar biasa.
00:04:48Anda bisa melihat bahwa v0 telah membuat bagian penulis lebih ringkas
00:04:52dan secara keseluruhan mengurangi padding-nya.
00:04:56Tampilannya jauh lebih baik.
00:04:57Saya sangat senang dengan hasilnya.
00:04:58Jadi kita bisa lanjut membuka PR dan mengirimkan perubahan ini.
00:05:03Lihat bagaimana alur kerja ini melindungi branch utama saya.
00:05:06Saya bisa mengulangi sebanyak mungkin di branch eksperimen ini,
00:05:10tapi branch utama tetap stabil sampai saya benar-benar puas.
00:05:13Baiklah, saya sudah puas dengan biodata penulisnya.
00:05:16Waktunya untuk menggabungkan (merge) ini ke branch utama saya.
00:05:18Saya akan membuat Pull Request (PR).
00:05:20Jadi Pull Request atau PR pada dasarnya adalah permintaan
00:05:25untuk menarik perubahan saya dari branch author-bio
00:05:28ke dalam branch utama.
00:05:30Ini adalah cara formal untuk mengajukan perubahan.
00:05:32Jadi kita akan buka PR langsung di sini.
00:05:35Dan kita cukup klik di sini menuju PR itu sendiri.
00:05:44Dan ini langsung membawa kita ke GitHub.
00:05:46Dan seperti yang Anda lihat,
00:05:47kita punya dua commit yang kita buat di v0.
00:05:51Yaitu membuat biodata penulis dan juga membuatnya lebih ringkas.
00:05:56Dan jika kita pergi ke perubahan file (files changes),
00:05:58Anda dapat meninjau kode tepat yang telah diubah oleh v0.
00:06:03Dalam pengaturan tim,
00:06:04di sinilah rekan kerja Anda akan meninjau kode Anda
00:06:07dan meninggalkan komentar.
00:06:08Untuk proyek solo,
00:06:09ini adalah pemeriksaan terakhir Anda untuk memastikan
00:06:11bahwa semuanya terlihat bagus.
00:06:13Saya puas dengan perubahan ini.
00:06:14Jadi saya akan menggabungkan (merge) pull request ini.
00:06:17Mari kembali ke v0 di sini.
00:06:20Dan seperti yang Anda lihat, kita bisa merge PR-nya.
00:06:23Jadi kita gabungkan saja.
00:06:29Dan jika kita kembali ke GitHub,
00:06:31Anda bisa melihat bahwa ini telah digabungkan.
00:06:34Jadi fitur ini sekarang resmi menjadi bagian dari kode utama kita.
00:06:38Sekarang semuanya sudah aktif.
00:06:39Kita juga bisa masuk ke pengaturan di sini
00:06:42dan melihat proyek Vercel dan membukanya di Vercel.
00:06:46Seperti yang Anda lihat di sini, proses rilis (deployment) berhasil.
00:06:51Dan jika kita klik ke domain kita, itu dia.
00:06:55Blog saya sudah aktif di internet.
00:06:57Anda bisa melihat header kita dengan gradasi,
00:07:00postingan blog-nya.
00:07:01Dan jika saya gulir ke bawah di sini, ada biodata penulis kita.
00:07:06Pada dasarnya semua yang saya bangun di v0
00:07:08digabungkan dengan aman melalui Git
00:07:10dan sekarang dirilis serta dapat diakses oleh dunia.
00:07:13Ini adalah alur kerja yang sama
00:07:14yang digunakan tim pengembang profesional setiap harinya.
00:07:17Jadi Anda membangun di v0, mengelola kode dengan Git,
00:07:20dan kemudian merilisnya dengan Vercel,
00:07:22sebuah alur kerja produksi yang lengkap.
00:07:25Saya harap ini membantu Anda memahami
00:07:27cara menggunakan integrasi Git v0 dengan lebih percaya diri.
00:07:30Cobalah alur kerja ini sendiri.
00:07:32Mulailah dengan sesuatu yang kecil, buat branch,
00:07:34bereksperimen, dan rilis.
00:07:36Jika Anda memiliki pertanyaan,
00:07:38temukan kami di ruang komunitas di community.vercel.com.
00:07:41Terima kasih banyak telah menonton.