Bedah Web
Ringkasan Episode
Bantu KoreksiEpisode ini membedah appfirst.id, sebuah direktori aplikasi buatan Khalid, backend developer yang sehari-hari bekerja dengan Java 8 dan Spring MVC di kantor lalu membangun side project agar tetap relevan. Uniknya seluruh aplikasi dibuat dengan Next.js yang sama sekali belum pernah ia pakai sebelumnya — bahkan cara menjalankannya pun ia tanyakan ke AI — dan tampilannya sengaja dimintakan menyerupai situs Anthropic. Bagian paling berguna adalah alurnya membangun fitur dengan coding agent: minta kajian teknis ujung ke ujung dulu dalam file markdown, review dan tuning kajian itu, cek ulang apakah kajian masih sinkron dengan kode terbaru, baru eksekusi. Setelah kode jadi, ia meminta agent membuat skenario tes dalam bentuk markdown lalu mengetesnya manual sendiri karena tidak percaya tes otomatis dan takut boros token. Ivan menawarkan alternatif: pakai agent browser yang membaca Accessibility Tree Chrome sehingga tidak perlu screenshot yang mahal, dan tulis skenario sebagai langkah pengguna, bukan sebagai kode Playwright. Ditemukan juga masalah nyata: query count langsung ke database di homepage yang berpotensi jadi DDoS diri sendiri (solusinya tabel counter yang di-update cron, atau cache), gallery screenshot yang terasa mati karena tidak ada placeholder berukuran tetap, dan thumbnail yang gepeng karena flex-shrink belum diatur. Diskusi berlanjut ke blind spot memakai AI di bidang yang tidak kita kuasai, mekanika token yang habis karena seluruh konteks dikirim ulang setiap giliran, dan kapan Claude enterprise plan masuk akal.
Poin-poin Utama
- •Alur vibe coding yang berkelanjutan: minta kajian teknis ujung ke ujung dalam file markdown, review dan tuning, cek ulang apakah kajian masih sinkron dengan kode terbaru, baru eksekusi — jauh lebih minim bug daripada langsung menyuruh coding
- •Menyuruh agent menulis test Playwright itu boros token; lebih hemat memakai agent browser yang membaca Accessibility Tree Chrome dan menulis skenario sebagai langkah pengguna, bukan sebagai kode
- •SELECT COUNT langsung di homepage berarti setiap refresh menembak database — perbaikannya bisa sesederhana tabel counter yang di-update cron, tanpa harus menambah Redis
- •Gallery yang terasa mati bukan karena lambat tapi karena tidak ada placeholder berukuran tetap; sediakan div seukuran gambar atau lazy placeholder supaya tidak ada loncatan
- •AI tidak punya mata: thumbnail gepeng karena flex-shrink, proporsi logo yang terlalu kecil, dan font yang tidak konsisten tidak akan diperbaiki kecuali kita screenshot dan menunjuknya secara eksplisit
- •Blind spot terbesar adalah bidang yang bukan keahlian kita — salah satu penawarnya adalah meminta model yang berbeda me-review kode buatan model lain sebelum di-commit
- •Token cepat habis karena setiap giliran mengirim ulang seluruh konteks; lebih baik buka sesi baru per task daripada compact berulang, dan pelajari mekanikanya dengan membuat chatbot vanilla sendiri
Dapat kan hanya di Domestika
Halo, halo, selamat malam
Halo, selamat malam
Waduh, apaan tuh
Kok berubah sunburnya
Sunburnya lemah ya, harusnya ini
Ini yang semangat ya
Kalau tadi kurang semangat ya
Itu kayak itu
Kayak dark-dark itu, lo apa dark itu
Yang dipencet nih
Rubber duck
Rubber duck
Iya kan ada dark-nya itu kan
Yang menyebalkan suaranya
Oh iya, rubber duck sekarang udah gak laku ya
Karena sekarang semua brainstormingnya
Sudah bisa curhat ke AI
Curhatnya ke AI
Yang laku klaw-klawan sekarang
Capit-capitan
Oh iya, capit, apa, kepiting ya
Apa cuma gue yang sampai sekarang
Gak pake klaw ya
Cuma pernah install mainan sebentar
Tapi habis itu tinggalin
Gak dapet diskusinya ya
Sehari-hari kayak malas maintainnya
Iya
Capain ya, tiap sebentar
Lihat transkrip lengkap (2568 segmen lagi)
Update, tiap sebentar update
Tiap sebentar fail
Pada orang yang pada bilang
Ini tinggal, dia ngejalanin sendiri
Bisnis sekarang udah
Dapet 100 ribu dolar
Atau apalah, suka FOMO
Cuma beneran gak ada tenaga buat
Ngutak-ngatik
Sampai se-profitable itu
Nah
Kalau cuma penasaran, cuma pengen nyoba
Udah puas nyoba kan
Udah ditinggal
Iya
Use case-nya belum ketemu ya
Pasti kayak mainan
Mainan baru
Mainan aja
Mainan aja
Kayak mainan baru gitu
Satu-dua weekend, udah tau caranya
Ya udah, kalau udah tau kan
Iya, jadi apa ya
Solusi yang mencari use case gitu
Bukan kita ada masalah
Oh ada ini nih yang kita bisa solving
Jadi kebalikan
Dia mencari solusi
Yang mencari masalah ya
Kayaknya hanya nice to have
Keunggulannya adalah
Dia demon kan, apa demon ya
Di sejalan sendiri terus-terusan
Nah itu kalau beneran bisa buat
Misalnya buat cari juan gitu
Apa beneran untung
Profitable kan ya oke lah
Cuma ini, ya
Belum berhasil aja
Kecuali yang apa
Stratik Ikeos ya, dikasih duit
Suruh beting di perlindungan
Harus ada modal kali ya
Cuma high reward
High risk
Betul
Kalau yang mau yang lebih techful
Maksudnya yang nggak se ekstrim itu
Gak se ekstrim judi
Ya berarti kan kalau jualan
Tetep harus kita mikir kan apa yang dijual
Orang kayaknya kalau lihat
Apa kayak podcast-podcast
Atau liat
Apa sosmed
FOMO aja, kelihatannya orang kok pada berhasil sih
Kayak bikin duit banyak banget dari
Capit-capitan itu
Iya nggak pasti
Duit juga sih
Ya dengan faat apalah
Output yang wow
Banget
Yang nggak bisa dikerjain
Iya ngomongin soal cuan
Jangan lupa teman-teman
Kalau buat yang mau
Hosting-hosting
Bisa didominasi
Pake promocode nya
Ngobrolin web DN
Dapat diskon cuan plusnya
Adalah 10%
Itu siklusnya setahun
Atau 2 tahun, kalau yang mau
Pakai VPS
Bisa pakai cloud VPS
Turbo Dominasi, itu diskonnya 50%
Promocode nya ada disini
Bisa jalanin
Mudah-mudahan nanti Dominasi
Ada service
Langsung buat deploy
Cloud ya
Lebih gampang lagi buat
Dicoba
Promocode nya diskon 50%
Bisa pakai
Email yang sama, account yang sama
Bisa berulang-ulang
Jadi silahkan gunakan
Dan sekali lagi
Terima kasih buat Dominasia
Malam hari ini kita sudah
Didukung ya
Dan juga
Karena apa
Kerja sama kita sama Dominasia
Bantuin juga nyari website-website
Yang
Buat di bedah ya
Dan malam ini kita akan kembali membedah
Website atau aplikasi web
Dari kliennya
Tanda kutip
Kliennya Dominasia, dibantu Dominasia
Customer
Lebih tepatnya
Jadi malam hari ini kita
Klien lawan kantor nya server
Iya
Customer lawan kantornya
Owner, beda kan
Oh gitu, customer
Ya kita langsung undang aja
Yang website-nya mau di bedah
Disini sudah hadir mas Khalid
Halo mas Khalid
Halo
Halo selamat malam
Malam
Gimana mungkin
Boleh kenalan singkat lah
Kenalan singkat
Oke ya saya ijin kenalan dulu ya
Mau gak?
Nama saya Khalid Abdurrahman
Ini saya karyawan
Swasta di
Jakarta, rumah saya di
Cikarang, Bekasi
Saya kerja sih
Udah 5 tahun ya
Sebagai back end
Developer aja sih
Di sisi waktu luang saya
Ini saya sering bikin
Website-website untuk
Side project, tujuannya
Supaya saya tetap
Stay relevant dengan zaman ya
Soalnya tempat saya kerja itu kan
Corporate, jadi
Teknologi terbarunya agak susah
Gitu, lebih
Pake teknologi lama gitu, jadi supaya
Saya stay relevant dengan zaman
Jadi ya nyoba-nyoba
Side project bikin web-web gitu lah
Oke
Web-web, semangat dong
Kita datang kesini lia web-web
Emang teknologi
Terbaru, yang paling baru
Di perusahaannya apa?
Kalau boleh tahu
Nggak sampe situ
Terbaru sih
Apa ya, bahkan
Kita tuh 80%
Kita teknologinya masih pakai Java
8, itu berapa tahun lalu
Java?
Oke
Paling yang terbaru ini Oracle-Oracle
Oracle terbaru ya
Ya
Java 8 bukannya baru ya
Nggak, udah lama
Sekarang Java versi
Berapa sih?
Sekarang udah 20-an deh
Kalau nggak salah
Java 8 itu tahun
Berapa berarti?
Java 8 itu 2014
Release-nya
14, iya
Sekarang sudah Java
27
Interface-nya apa?
Interface-nya dipakai buat desktop-kah
Atau server, atau web
Atau apa?
Web apps-nya internal perusahaan ya
Pakenya Java
Pakai framework tertentu nggak?
Pakai
Onaku udah mulai ya
Dia santai-santai aja sih
Framework-nya Spring
Oh Spring
Spring framework
Ya
Tapi Spring lumayan baru kan?
Nggak, udah lama
Ini Spring MVC
Spring Boot yang baru ya?
Ya, ini Spring MVC
Spring MVC
Spring Boot sama Spring MVC itu
Ada hubungannya
Atau nggak ada?
Kayaknya sih, kalau nggak salah ya
Kalau yang Spring Boot itu kayak evolusi terbarunya gitu
Versi terbarunya
Oke
Berarti
Yang next generation-nya gitu ya
Ya
Oke, nah
Ngomongin side project-side project nih
Mas Holid ini
Submit aplikasi namanya
Appfirst.id
Boleh diceritakan mungkin
Latar belakangnya
Bikinnya, apa maksudnya
Kenapa bikin aplikasi ini
Dan teknologinya
Oke
Jadi, latar belakangnya ini
Saya lihat
Di 1 tahun
Terakhir ini
AI agent ini
Udah jadi enabler dari
Ide-ide orang yang
Non-developer gitu
Jadi sekarang kita banyak
Lihat aplikasi
Kalau kita buka media sosial tuh ada aja orang
Bikin aplikasi ini itu ini itu
Nah, kebanyakan tuh
Aplikasi yang dipamerin itu ujungnya ya
Cuma jadi side project
Dan apa ya, nggak ada yang make
Kebanyakan gitu dari temen-temen saya juga gitu
Nah, akhirnya
Saya inisiatif nih
Coba bikin semacam
Direktori aplikasi
Direktori web, contoh
Kalau di luar itu kita ada yang namanya
Produkhan gitu contohnya
Nah, ini konsepnya
Seperti itu cuma
Jauh lebih sederhana gitu
Nah, untuk
Teknologi
Yang digunakannya itu
Saya pakai Next.js ya untuk
Untuk
Monolith-nya ya, mau front-end
Sama back-end-nya
Terus ini apa
Full
Full 5 coding ya
Ini desain front-end-nya
Code-code khas banget, tapi emang
Bagus, maksudnya bukan jelak ya
Cuma ini khas banget sih, kalau udah ketemu
2-3 kali pasti afal, tapi
At least udah nggak umu-umu
Tapi apa, kombinasi serif
Typeface typografi serifnya
Sama warna, ada hijau
Warna alatnya ya
Khas cloud-code banget
Dari warnanya
Kalau kita buka cloud-code sama
Sama ya, oke
Tulsnya pake apa berarti?
Kenapa?
Pake cloud-code berarti?
Oh nggak, aku nggak pake cloud-code
Oh nggak, pakenya apa ini tulsnya?
Ini full di
Codex
Codex
OpenAI ya
Terlalu mahal lah, buat saya mahal semua
Terlalu mahal, semua juga
Ini ya, pada complain ya
Pada
Semenjak
Focus 4.7 ya, kalau nggak salah ya
Semakin boros
Oke
Berapa lama ini
Proses bikin
Sampai jadi seperti ini?
Ini tuh berkala ya
Tadinya tuh nggak ada fitur
Marketplace sama AI Gateway
Pas launching itu cuma benar-benar
Up directory sama artikel aja
Jadi ya sekitar
Seminggu pas awal
MVP-nya gitu
Sebelumnya udah bisa
Node.js
Next gitu, emang sudah
Belajar atau
Gara-gara ini jadi belajar?
Sebelumnya sih
Di kantor itu ya, mau ada
Penetrasi berupa
Angular gitu, itu kan kayak Node.js juga
Gitu loh
Mau nggak mau, saya belajar-belajar
Cuma terus kenal dengan
Ini baru tahu, tapi kalau saya disuruh
Nodding manual, saya nggak bisa
Ini cuma
Pecut-pecut AI aja
Oke, oke. Di kantor
Pakainya angular ya, bisa angular ya
Front end jadi front end
Front end jadi back end
Di kantor itu
Mostly itu sekarang pakai
ZK framework, pernah denger nggak?
ZK framework
Ya itulah tempat kantor saya emang kurang
Kurang terkenal
Teknologinya gitu pakainya
Biasanya
Beda sih, beda circle
Enterprise kali
Enterprise
Ini artikelnya
ZK
Kenapa?
Ini degenerate-kah
Atau nulis sendiri ya, atau gimana?
Saya bikin engine
Generate-nya, jadi saya nulis
Nulis temanya mau apa
Terus degenerate, terus
Saya review
Oke
Lumayan ini ya
Tampilannya bagus
Ini semua file-based atau
Pakai database?
Ini pakai Postgre
Postgre
Oke
Firebase-nya buat out-nya aja pakai
Firebase authentication
Termasuk rapi
Ya, rapi
Terus service Domain Asia
Yang dipakai apa aja disini?
Disini
Domain ya, saya kebetulan ada
5 domain di Domain Asia
Oh, punya 5 domain
Di Domain Asia
Oke
Order domain, pasti liat nama domain
Yang dibeli-beli
Sering kepikiran
Ketika ada ide, langsung beli domain
Sekusinya belakangan
Untungnya sekarang ada AI ya
Jadi projek-projek
Yang ada di kepala itu kadang-kadang bisa
Selama ada token
Langsung bisa dibuat ya
Terus deploy-nya kemana nih deploy-nya?
Deploy-nya ini saya
Pake Coolify
Coolify-nya jalan di VPS Hostinger
Kompetitor ya, kompetitor
Iya, nah
Pembedaan kan, Domain Asia
VPS sih Hostinger
Hostinger itu lokal apa?
Luar ya?
Luar, Hostinger luar
Luar, luar
Hostinger kan
Kayak GoDaddy gitu ya modelnya ya
Hostinger mah Indonesia
Bukan luar ya
Itu dari dulu
Dulu waktu
Apa ya, yang
Yang di Indonesia dulu namanya
Kok saya lupa sih
Nyaga
Nyaga Hoster
Nyaga Hoster
Tapi sebenarnya cabang
Cabang, dulu
Brandnya di Indonesia namanya Nyaga Hoster
Akhirnya sekarang sudah di merge kembali
Nah, selama
Mengembangkan aplikasi ini mungkin
Ada tantangan atau
Kendala apa gitu
Yang sulit
Selain habis token
Kalau token gak pernah habis
Aman, keren
Rata kanan
Rata nya bayar sendiri berarti, bukan dari kantor kan ya
Oh dari kantor
Kantor saya malah gak
Dilarang disitu
Oke, oke
Nah, terus gimana supaya bisa cara rata kanan
Gitu mas
Ya, ya bayar
Bayarnya bulanan, bayar bulanan udah
Gak bakal habis
Ini subscription berarti ya, subscription base ya
Si kodex nya ya
Sebenarnya kalau mau
Apa ya
Dengan jujur mah harusnya begitu
Cuma kan ada ya market-market
Gelap lah ya
Untuk kita dapet kodex
Murah gitu lah
Dapat yang murah ya versi murahnya ya
Oke, oke
Oh jadi bukan
Bukan ofisial dari OpenAI nya ya
Berarti yang ambil paketnya ya
Benarnya ofisial, tapi
Yang cara mendapatkannya itu
Agak illegal gitu
Tapi tetap ofisial
Jadi contoh lah
Oh yang promo-promo gitu ya, gratis sebulan
Yang gitu bukan
Kita nyamar lah jadi negara apa
Gak illegal
Gak illegal itu, gray area aja
Oh gray area bener sih
Kalau illegal kan gak bisa connect
Gak bisa dapet respon
Gak illegal
Kalau illegal itu contohnya carding
Itu ilegal, juri lancinnya
Itu ilegal, tapi kalau memanfaatkan
Memanfaatkan
Program promosi mereka sendiri
Program
Apa namanya, Bansos
Nah itu
Ya setidaknya sampai saat ini
Belum legal, eh belum ilegal ya
Gak tahu nanti ke depannya ya
Ya gak, kalau ilegal
Aksesnya dibutus udah
Sesimpel itu sih, kecuali kita
Sama kayak Pursor juga dulu kan gitu kan
Awalnya kan dibuka tuh
Buat apa, buat universitas
Buat kampus kan
Terus abis itu di FBU, sekarang ditutup
Udah ilegal kan
Makanya kalau ketahuan
Di stop yaudah kan kita gak bisa
Akses selama masih bisa jalan
Ya berarti gak apa-apa
Tapi betul sih Mbak Eka
Itu emang diputus karena secara promo
Misalnya biasanya sebulan
Ya hidupnya cuma 2-3 hari
Pasti sama open AI-nya
Itu ditebang-tebangin lah istilahnya gitu
Oh gitu
Ya dia kan punya cara deteksi yang
Kelarin dulu perjaannya
Gue pernah tuh dapet
Hampir seminggu
Cuma pas lagi
Ada kerjaan lain jadi gak bisa
Intense secut dapet
Apa, pokoknya
Workspace seat
Atau semakinnya gak tahu
Dikasih gratisnya
Nah daripada
Kerjakanin strategi gurung-gurung ini
Ya itu kendala sama nanti
Ada pertanyaan selanjutnya
Malah gak beda website ini
Kendalanya
Kendalanya itu
Apa ya, pertama
Dari sisi
Apa
Query itu
Sering lambat itu
Kalau di depan di home page itu
Kan dia ada count tuh
Nah itu belum pakai
Table staging tuh
Itu raw bener-bener langsung dari
Count dari ininya
Select count gitu
Itu belum dituning
Karena tadinya kan
Gak terlalu serius gitu ya
Cuma saya nyari-nyaripun
Sekarang udah keblinger sama codenya
Karena dibikinin AI ya
Ini sih harus jadi poin tuning saya sih
Nanti ke depannya itu kendala pertama
Paling kendala kedua
Itu dari sebenarnya
Kalau dari development ini
Relatif lancar ya
Tapi pas operasionalnya itu
Itu kendalanya kita
Di VPS
Itu dapet teguran lah dari
Pihak hostinger gitulah
Karena
Koneksi egress nya itu
Terlalu konstan
Kalau diperhatiin saya jual fitur
AI gateway itu ada di atas tuh
Nah itu
Ini buat apa sih?
Gini
Bapak-bapak pernah pake
Agente coding kan ya?
Pernah dong
Oke
Om-om
Om udah bapak-bapak sih
Bapak-bapak sorry itu
Udah bapak-bapak
Nah gini
Agen di PC nya
Agen di laptop masing-masing
Itu tinggal dikonekin ke
Gateway yang saya kasih
Bisa coding unlimited
Saya pake model day-pass
Jadi 12.024 jam
Coding sepuasnya pake model itu
Modelnya apa? Apa aja?
Itu
Ada di tulisan
Oh ada ya
Kok jadi pelanggan ini kayaknya
Jadi Proxy
Kayak open router gitu ya
Modelnya open router gitu ya
Iya model gitu
Proxy jadi Proxy
Iya Proxy
Cuma saya hentikan
Dulu karena teguran ya
Dapet dari open AI dapet
Dari hostingnya dapet
Jadi pause dulu
Oh
Emang gaboleh
Emang gaboleh ya?
Ya gaboleh apa ya?
Kamu pake subscription terus dia jual
Subscription
Oh subscription
Saya kirain API
Calling
Ini connectnya via API
Jadi nanti
Pelanggan akan bikin
API case, saya kasih endpoint
Di sistemnya udah ada, udah tuh tinggal masukin
Ke extensi atau
CLE nya lah
Open AI
Open AI nya
Rambutan Fair Usage itu aja sih yang bikin
Ada Fair Usage maksudnya
Di sisi user-nya kamu
Di sisi server-nya kamu kan jadi
Proxy untuk ke
Open AI
Anthropy dan lain-lainnya
Nah itu ingress-ingress nya jadi besar tuh
Konstan
Kena teguran sama hostingnya disitu
Itu
Oke
Setup ini aja
Dedicated di
Data center
Oh itu berarti
On-premise ya on-premise
Tapi tetap ditegur, tetap kena sama
Open AI nya lah
Ini ngajarin kriminal
Gak kriminal sih
Udah-udah
Udah lah
Subscriptionnya
Grey area, udah gitu dia jual
Udah
Udah mendekati black nih, udah mendekati gelap nih
Masyarakat kan
Agentic Coding dan mengodingkan
Masyarakat
Iya-iya-iya
Ya memang sih
Salah satu kendala utama di Indonesia
Kenapa
Adopsi AI masih belum
Terlalu massif ya, salah satunya
Ya memang biaya ya
Ini juga perlu kita
Bukan perlu sih
Harus kita cari solusinya
Gak bisa mas
Memang udah mahal ya
Daripada beli Agentic Coding
Saya mending mikir buat
Beli solar aja dulu
Atau beli Benz
Iya-iya, betul
Iya sih
Agak ini ya, beda ya
Udah beda level ya negara
Apa
State negaranya itu udah berbeda ya
State negaranya yang satu negara
Berkembang, satu negara maju
Sedangkan kalau melirik ke
Negara tetangga di Singapura
Itu
Apa namanya
Dengan menemani
Bagi-bagi gratis
Bagi-bagi gratis untuk supaya
Subscription ke AI
Iya supaya
Ya
Tidak ada
Tidak
Asiatanegara lain gimana sih
Yang bukan Singapura yang model-modelnya
Filipina, Thailand
Gitu, nggak, nggak
Nggak kayak gitu
Kalau nih kita dibagi-bagi
Di jual lagi pasti
Di jual lagi
Kayak gini modelnya nih, kayak gini
Langsung ada di Shopee tuh
Langsung ada di Shopee
Kupon code
Resmi
Nah ini kita
Next bahas besok ini apa lagi nih
Sudah selesai belum pertanyaannya
Jadi tadi problem utamanya kan ini ya
Tapi
Udah tau kan solusinya apa
Atau masih perlu
Perlu solusi dari kita
Kalau dari saya sebagai orang backend
Saya akan bikin itu staging
Tapi ada solusi lain nggak sih soalnya nggak bisa
Frontend sama sekali mungkin
Bisa ditahan dari frontend gitu jadi nggak selalu
Hit ke belakang
Yang paling omong sih
Caching ya
Nambah redis jadinya
Key value storage apapun sih
Iya apapun ya
Bukan redis aja, bukan hanya redis
Tapi yang paling umum digunakan redis
Kan udah pakai
Di GCP ada kan
Namanya apa lupa
Apanya key value
Itu tuh intinya ada free tiernya lah
Ada gratisnya, kalau usage masih
Buat segini mah pokoknya pasti ada gratis
Cuma lupa apa namanya
Apa sih
Masalahnya tadi apa
Exciting banget
Counting
Counting langsung ke database
Jadi setiap kali kita refresh
Itu dia akan nembak ke database
Untuk select count
Oh berarti kan kita refresh-refresh terus
Budainya jadi mahal
Cache kan
Ini jadi
Jadi didos nih didos
Cache kan
Bener kan
Tapi kalau cache kan
Ya nambah
Nambah teknologi baru
Kalau mau
Maksudnya nambah ini
Nambah teknologi
Cache itu bisa macam-macam ya
Bisa cache di database
Bisa cache di file
Bisa cache di key value
Di browser juga bisa
Kalau mau dimana
Kalau saya bikin ini
Saya pakai yang ada
Saya cache di server
Mau cache di database
Juga bisa jadi hasil sumnya itu
Saya bikin A-nya di database
Bikin table baru
Isinya counter
Jadi dia hanya read
Gak perlu counting
Itu udah lebih meringankan sih
Gak perlu nge-select semuanya
Jadi cuma select satu baris
Udah data jadi di situ ya
Iya dan pakai cron
Pake cron tiap malam
Untuk ke update
Table baru
Table counter itu
Kedua, mau pakai file juga boleh
Kalau masih satu server
Pakai JSON file
Atau kalau
Mau
Lebih mewah pakai
Yang
Redis, repli cache
Redis
Key value
Ini deh, key value database
KV database
Biasanya, macem-macem
Firebase, dokumen
Database ya beda ya
Firebase dokumen
Jadi sudah kayak full-flash database kan
Sama kayak monggo
Db kan
Overkill
Oke
Oke itu satu
Terus ada kendala lagi yang lain
Atau Eka tadi mau kasih masukan
Nggak, bukan masukan
Mau tanya aja sih
Website-nya mah
Ya udah ya, bagus-bagus aja
Agak bingung mau komentar apa
Lebih ke penasaran, pipe coding itu
Masaknya banyak
Cara approach-nya itu
Macem-macem
Kalau cuma one-shot
Dan sekali bikin kan, itu relatif gampang
Nah, belum kan
Maintain, nambah feature, itu kan
Rumit ya, maksudnya pendekatan yang dipakai
Apa dari mungkin toolingnya
Misalnya ada yang pakai
Apa itu, Ghost Town atau apa
Atau pakai VC, atau pakai
Beats, atau malah cuma pakai
Wigit Hub isu biasa, terus pakai
Apa, apakah
Pake kayak metode yang BMAD
Atau apa, terus
Mungkin pakai, kan orang ada
Favorit masing-masing juga, ada yang pakai
Agent Swarm lah
Terus ya, pokoknya
Strategi-strategi
Pipe coding-nya, kayak gimana
Oke
Jadi, biasanya
Kalau saya, pipe coding itu
Flow-nya ya
Misal kita ambil skenario
Bikin
Ada perubahan gitu, ada CR
Ada semacam request feature
Dari feature yang sudah ada
Pertama, kalau saya
Cuma, flow-nya simple banget sih
Pertama, saya minta
Kajian teknis
Dari si AI Agent ya
Diminta, saya kajian teknis
Itu dari ujung ke ujung
Dibuat dalam satu laporan
Berformat .md
Nah, dari format .md itu
Saya akan review
Saya akan review
Kemudian, dituning lagi
Hasilnya, kemudian
Saya bikin Agent yang
Emang, apa ya
Untuk coding
Nah, dari coding itu
Saya biasanya ambil satu layer lagi
Untuk benar-benar, memastikan nih
Dokumen kajian teknis ini
Itu
Masih up to date gak
Dengan kode-kode terbarunya, dengan feature-feature terbarunya
Udah tuh, abis itu
Dia akan langsung, mulai
Eksekusi, tool saya itu benar-benar
Cuma, codec cli, atau sekarang pakai
P, pdv itu
Tokennya hemat
Udah, benar-benar itu aja
Jadi, kalau ada
Fitur baru, atau ada perubahan
Coding yang sudah ada, flow nya
Udah ngulang-ulang gitu, itu menurut saya sih
Lebih cepet ya
Dan minim box, karena dengan kita
Suruh kajian teknis, dia akan
Cek dulu, surrounding impactnya
Gimana, termasuk dari
Setelah
Balik lagi nih, setelah
Agent, mengeksekusi kode itu
Saya minta, generate-in
Test skenario nya
Saya jadi gak pakai auto-metod tuh, karena kurang
Percaya, gitu
Jadi, saya benar-benar tes sendiri
Jadi jatuhnya sekarang, kerjanya ya
Planning, terus testing
Deploy, udah gitu doang
Oh, testing nya sendiri
Sendiri
Okay
Player nya pertama, explore codebase kan tadi
Terus, dikasih instruksi
Buat, ya ngapain, apapun itu
Nambah fitur atau apa
Habis itu, agen nya
Planning, habis itu execute
Terus minta, apa, minta output
Berupa test cases ya, berarti
Iya, gitu
Oh, test cases nya di generate
Sama AI juga, berarti ya
Iya, di
Saya suruh bikin file.md juga, gitu
Oh, file md
Habis itu, nulis manual
Untuk testing nya, nulis manual
Nulis dari md itu
Dari md itu, biasanya impact nya
Kesini, misal impact nya
Kesubmit, berarti skenario
Skenario nya harus di test, sama AI nya itu ditulis
Berarti ada update
Terus update dengan kondisi data seperti ini
Nah, jadi saya tinggal ngikutin
Oh, jadi kayak bikin
Apa, si
Ya, bikin guide ya
Iya
Tapi, nge-coding nya tetap, ya nyontek si
Hasil AI itu ya, kurang lebih ya
Iya
Tapi, sambil lu bikin unit testing
Sama end-to-end testing
Juga gak si AI nya?
Enggak, soalnya takut
Kabisan token
Oh iya, makes sense
Iya
Bagus nih tips nya ya, jadi minta dia bikinin guide
Terus yang nulis kita aja, gitu ya
Kenapa gak sekalian minta
Si AI nya yang pakai Chrome
Untuk ngetes
Guide nya itu? Nah, dulu
Nah, kayak gitu, kita pakai
Automation lah, bahasanya kita biasanya kan
Pakai playwright atau apalah itu ya
Nah itu, apa ya
Jujur, boros banget token
Kayak gitu
Kalau dia yang nulis playwright
Memang boros
Tapi kalau misalnya si kodex nya
Atau si
Cloud code nya kamu suruh
Untuk pakai misalnya
Agent browser nya
Ada skill nya
Agent browser, dan dia pakai
Browser yang
Rust-based, yang buatannya si
Varsel tuh
Jadi si
Agent browser, dia pakai agent browser untuk
Ngefisit sesuai dengan
Step by step nya kamu itu
Jadi, gak, sebenernya gak baru
Stoken, dia kena semua kayak
Execute nya cuma, oke, execute ini
Hah?
Udah gak jalan AI nya itu, berarti pas
Firing browser ya? Iya
Agent browser, iya
Jadi yang jalan tuh si chrome nya
Si browser nya, jadi si AI nya cuma kayak
Klik button ini
Klik button ini, klik button ini, isi datanya
Klik button ini, dan dia gak pakai sistem
Screenshot-screenshot lagi
Kalau dulu pakai sistem screenshot, mahal
Karena nge-imagine
Cognition, kalau sekarang dia suruh
Antigrafin sampe sekarang masih kayak
Gitu, jerum kurus
Jadi sekarang pakai agent browser
Si
LLM nya, Codex
Dia pakai namanya
Accessibility Tree, karena di
Chrome sudah ada Accessibility Tree
Jadi kalau mau ngedetek dimana button,
Dimana input box
Dia cuma pakai
Accessibility Tree, jadi cepet
Gak perlu punya token
Jadi, saya tuh sekarang
Full flash nya tuh, sudah kayak seperti
Mas Khalid juga
Bedanya, yang sistem
Testing nya itu, saya sudah serahkan semua ke
LLM
Berarti dia bisa nyari part
Elemen nya sendiri tuh
Bisa
Itu scenario nya bentuknya
Jason, atau apa sih
Mau saya step by step
Cari button submit, misalnya
Dia sendiri yang atur
Sudah minta nih, sudah bikin
Test scenario
As a user
Jadi bukan sebagai playwright
Test scenario sebagai user
Step by step, yaudah nanti dia sendiri
Yang baca file itu
Dan
Translate itu bagaimana memakai
Sistem kita, di browser
Udah cukup pinter kok
Udah gak pakai gamar di screenshot ya
Iya, dia bisa
Login sendiri, bisa klik
Bagian dashboard, bisa klik
Menu, terus cari yang mana
Yang mau di test
Nanti dia kasih tau
Kalau kita mau lebih
Lebih advance sedikit
Supaya kita mau tau apa yang dia test
Suruh aja recording
Screen recording
Nah recording itu bukan
Bukan, dari si chrome
Si chrome kan sudah ada fitur
Dari chrome sudah ada fitur recording
Jadi dia akan
Mengaktifkan
API untuk recording itu
Nanti hasil
Hasil impact volume
Bakal dia save ke file
Itu yang dilakukan
Sama anti-gravity ya kalau gak salah ya
Ada recordingnya ya
Saya gak pernah pakai
Anti-gravity untuk testing
Mungkin
Tapi intinya sama-sama
Itu dari chrome tool
Chrome dev tool
Jadi mau screenshot
Mau recording itu sudah dari chrome
Jadi gak ada urusan sama si LLN
LLN cuma tau
Apalagi kalau sudah pakai agent browser itu
Dia sudah tinggal
Konekin aja antara LLN dengan si browser
Menarik nih, nanti kita coba deh
Pertanyaan berikutnya
Kenapa milihnya Next.js
Apakah itu preferensi
Pribadi atau dipilihin
Sama AI atau gimana
Untuk itu ya
Saya pas awal bikinkan awam
Dengan teknologi-teknologi yang kekinian
Saya kasih
Requirement seperti ini
Saya kasih requirement seperti ini
Dan entah kenapa setiap LLN itu
AI agent kok ditanya
Sampai saya bikin artikelnya
Di blok itu, kenapa
LLN selalu ngasih Next.js
Harus dipaksa untuk ganti
Tidak, itu udah
Udah di default ya
Berarti ini pilihannya AI ya
Mengikut pilihannya AI ya
Kenapa gak 10 stack
Udah, 10 stack dari AI nya
Itu kan sudah di jawab
Sudah di jawab
Ada 10 stack satu
Itu kemarin bikin cuma
20 menit itu
Buat di taruh
Cloudflare
Sudah di cheat belum
Belum
Lagi kena masalah kan
Security
Pernobility
Jadi jangan di update ya
Bahaya-bahaya
Jangan di update
Terus selama
Ini berarti sama sekali
Belum mengerti Next.js pada saat
Bikin aplikasi ini kan
Jadi fokusnya ke AI
Gak ada kesulitan apa-apa
Biasanya kan kadang-kadang kita
Udah familiar dengan satu
Framework
Terus dibantu sama AI kan jadi lebih
Mengerti kan, kalau ini berarti
Sama sekali
Belum pernah menggunakan Next.js atau
Dulu pernah coba-coba atau gimana
Sebenernya sama sekali
Belum pernah
Pakai Next.js ya
Paling
Bahkan di awal-awal tuh saya nanya
Ini cara run nya gimana, ternyata kan ada
NPM run dev kalo gak salah
Cara run nya gimana
Yang penting saya tuh
Paling ngasih tau ke AI nya
Saya mau nya ini CEO nya bagus
Berarti dari AI nya ini bisa
Pakai SSR atau apa gitu namanya
SSR atau apa gitu
Server side rendering ya
Terus
Kalo
Jadi kalo ada security
Kalo flow nya gimana
Nah itu saya
Wah bener-bener gak tau itu
Bahkan sampe sekarang
Jadi kalo mau nambah fitur
Mau nambah fitur nanya AI lagi
Betul
Itu tadi kan dibahas
Harus gitu ya
Di review dulu
Apa namanya
Bikin kajian dulu gitu ya
Intinya, terus nanti mau nambahin
Fitur, terus nanti
Dibikin lagi guide nya
Apa yang perlu diobah
Belajar sambil bikin lah
Kayak kemarin
Keadaan kejadian karena
Ya saya sekedar nanya ke AI tanpa
Mengkaji ulang gitu
Pernah itu kejadian produksinya diapus
Oh iya
Iya pernah
Itu AI nya pake Jules itu
Pake apa sorry
Jules, Jules, Jules
Pake Jules, Jules nya
Jules Google
Oh
Yang itu ya
Orkestration bukannya
Ya juga
Eksekusinya kan di cloud
Salahnya saya tuh ngasih
NV DB production
Karena ya udah malem lah ya
Ngantuk, bukannya dev malah
Prod yang dikasih
Oh berarti pake
Ke database nya, konek nya pake ORM juga
Atau langsung
Iya pake apa ya namanya
Drizzle apa drizzle
Drizzle
Ya itu juga
Oh rekomendasi
Drizzle better out itu
Apa kalau out yang gampang
Stack favorit LLM
Btw saya struggle
Disitu juga tuh drizzle itu
Kayak apa ya
Konsep migrasi ya
Jadi
Pas pertama kali deploy
Dia itu
Saya gak tau ini implementasi
Saya bener atau engga ya
Setiap kali ada
Deployment ke production
Caranya saya itu
Saya akan bikin env variable
Di terminal yang
Berisi connection string DB production
Terus npm
DB run migrate
Atau apa gitu lah
Caranya begitu, jadi harus dieksekusi dari
Harus dieksekusi dari
PC lokal gitu
Kalau dari pod si coolify nya dia gak bisa
Itu kayak kok ribet banget
Kayak ribet banget jadinya
Gak ada initial
Script yang dijalankan
Otomatis pada saat redeploy gitu
Gak ada ya, bisa sih harusnya
Harusnya mungkin kayak gitu
Di docker nya ya, dikasih ya
Di docker file nya gitu
Ya di docker file nya bisa
AI ini kadang
Ditap action satu semacamnya sih
Ditap action ya
Belum lagi kalau ada apa ya
Dia tuh bisa
Result tuh bisa error kalau
Antara migrasi, history migrasi
Sama struktur real DB nya itu
Udah ada beda gitu itu
Kadang error juga gitu pas dimigrasiin
Musti jalanin
Konflik ya
Iya
Kalau dari sisi performance gimana
Ivan
Aman, bagus
Tidak ada yang perlu di komen
Tidak ada yang perlu di komen ya
Berarti rapi ya
Wah luar biasa
Jarang-jarang lho
Jarang-jarang
Apalagi penggunaan SDS kan
Dikenal cukup
Berat ya
Tapi kalau
Udah production sih lancarnya
Gak banyak image
Jadi penuh dengan typography
Aman-aman
Image paling di article ya
Biasanya saya
Tapi juga artikelnya kan
Di awal gak ada thumbnail gitu kan
Baru di click, baru ke dalemnya
Jadi gak terlalu
Jadi sebenarnya
Ya bagus-bagus aja
Image tuh pas di upload saya
Compress, terus saya convert
Jadi WP
Oh berarti
Memang udah ngerti ya
Untuk image juga
Coba suruh AI-nya suruh pake
Next image package
Oh iya, coba deh
Tapi kan udah di Versel, gak apa-apa bisa jalan
Kalau gak di Versel
Bisa deh, bisa di custom
Itu nya
Image provider-nya
Image provider-nya bisa di custom
Oke
Phone-nya aja
Kalau dari saya sih
Phone-nya gak
Apa namanya
Gak
Kecil-kecil
Hah? Yang mana?
Kalau di homepage
Homepage
Nah ini
Turun-turun-turun di bagian
Directory
Terus, nah itu kayak temu
Itu tuh
Kecil-kecil, halus-halus
Ya itu juga
Itu ya
Accessibility-nya ya
Baca ya
Contrast-nya
Contrast-nya aman
Ya contrast aman
Kurang ccwp
Kurang sedikit ya
Warning-warning
Terus turun lagi
Karena gak ada logo
Terus mencari kontak
Itu kan jadi kecil banget
Yang di logonya tuh
Ini?
Itu ya
Ini image ya?
Nggak, itu
Tulisan di image-kan
Tulisan di image-kan
Oh iya ya ya
Plasolder, plasolder
Oleh ini data
Bagian kemikari ini dia bagian dari
Cedar data di awal gitu
Kalau yang baru-baru
Dia tuh udah ada icon-nya
Baru yang mana nih?
Yang intinya juga
Padahal kalau kita
Stop-stop disini mas Nisa
Contohnya ya, ini kan
Space-nya di kanan tuh gede banget ya
Empty
Terus bagian logo-nya
Gak kelihatan, itu kecil
Intinya
Proporsi aja sih, proporsi
Masih ada kok space
Kenapa harus nggak dimanfaatin
Jadi lebih baik
Cuma karena emang
Kalau kan AI
By default nggak punya mata ya
Kecuali kita eksklusif
Kita screenshot, terus bilang ini nggak
Enak nih, apa thumbnail-nya terlalu kecil
Tapi by default, kalau nggak
Diarahin kesana karena
Yang nggak punya mata, dia nggak punya sense of
Visual estetik sih
Jadi kayak harus ajak
Mas Nisa
Iya, terus naik dikit
Oh ini yang baru-barunya nggak ada ya
Logo-nya picek-picek tuh
Oh iya juga ya
Di atas naik atas
Logo picek-picek
Terus ya
Kalau disini kan tulisannya kecil-kecil
Sedangkan di halaman lain tulisannya gede-gede
Di artikel tulisannya bagus gitu
Phone-nya
Kurang konsisten kali ya
Kurang konsisten
Jadi secara
Desain token
Dan desain sistemnya
Nggak di konsistenin
Terus
Apa lagi ya, enak sih ngomentar
Kalau untuk desainnya sendiri
Pakai kodex juga
Atau pakai tools kayak
Stitch atau cloud design
Loveable atau apa gitu
Oh kalau waktu itu
Saya kan
Belum tahu ada stitch lah
Waktu itu, belum tahu ada stitch
Jadi saya tulis
Requirement
Saya mau bikin website seperti ini
Dengan warna
Yang benar-benar sama website-nya cloud
Saya benar-benar
Karena suka ya
Nah karena website-nya ini
Itu ada editorial dan directory
Bikin 10 template
Kalau di compare
Ini sama ini warnanya coba aja
Benar-benar sama
Iya coba dibuka
Ya kan
Artikel kali ya
Saya minta bikin
10 template terus saya pilih gitu
Langsung dari kodexnya berarti itu ya
Iya
Sudah ada cloud design sekarang
Cloud design, ada cloud design
Ada google stitch
Ada open design, ada banyak sih
Wih ya ya
Vibe-nya sama ya
Cuma warnanya ya diganti ya
Ada lagi mungkin yang mau di komen
Ini gak working
Apa tuh
Oh lambat ternyata
Si screenshot gallery-nya
Lambat ternyata
Screenshot gallery
Jadi kalau misalnya
Stream dari R2 itu
Oh ininya apa
Storage-nya
Pake R2
R2 itu yang dari cloudflare
Bukan ya
Cloudflare kan ya
Contohnya itu tuh
Flat V aplikasi kasir
Londis sepatu
Tadi saya coba
Ada di private chat
Itu di private chat
Sebenarnya jalan tapi lambat aja
Agak lambat ya
Coba diklik
Oh screenshot gallery-nya agak lambat
Diklik aja
Ada screenshot, ada gallery
Oh iya
Klik-klik kanan
Klik-klik kanan ya
Kayak mati gitu dulu ya
Serasa gak jalan ya
Saya tadi klik kok gak jalan sih
Cepet nge-glitch sedikit ya
Ini image-nya
Seberapa gede
Kalau ini kayaknya gak saya compress deh
Itu udah responsif kok
300 gak gede
Eh gak, besar tuh
Intrinsic size-nya 1000
Oh iya
1284 ya
Udah pake next image component sih
Nah yang gini-gini nih
Agak susah bilang
The AI
Oh iya, next image ya
Iya, nah kan ada
Current source-nya, coba diklik current source-nya
Pas ada pop-up-nya
Nah itu
Coba lihat sebesar apa
Sebenernya apa
Di download
Oh
Kira-kira bisa
Buka disini
WebP, 89,6 kilo
WebP soalnya
Iya
90 kilo ya
Oh itu berarti udah saya komasok besar
It's fine
Cuma ininya si
Gallery
Gallery-nya, atau ini
Oh, harusnya ada
Loader kali ya, loading spinner gitu ya
Ada loader, atau ada
Gimana
Sama sih space yang tempat image itu
Dibikin placeholder div aja
Yang ukurannya segitu
Kalau itu kan, kalau image-nya belum tolok
Kayak loncat
Persepsi user itu
Kerasa banget lambatnya kan
Oke
Saya catetin, biar langsung diimplementasi
Nih malem ini
Asik
Langsung minta ehai untuk bikin ini nih
Ini kan kemau karusel yang ringan
Kan sebenernya teknologi web
Yang native nih, yang bukan pakai
Apa, gak pakai external library
Yang berat, juga pakai CSS sama
Javascript bawaan browser, udah bisa
Pake karusel, nah tuh
Link-nya di private chat
Suruh aja AI-nya bikin
Karusel bikinan
Mas Adam Argyle
Adam Argyle
Tuh ada masukan juga
Dari penonton
Kasih lezzy image placeholder
Kalau tidak salah punya next image
Ada ya, oh iya ini bisa
Lezzy placeholder juga ya
Ada bawaan, apa next image
Keliatannya udah provide deh
Udah ya
Sama tadi yang di home itu
Keliatannya thumbnail
Apa, thumbnail image-nya itu
Jadi gepeng
Ke squeeze
Gitu
Coba aja nanti
Sambil penasaran sih pengen liat
AI-nya nangkep atau enggak, scroll ke bawah
Nah
Klik kanan aja di thumbnail
Manapun
Itu kan gepeng kan
Padahal itu udah pakai
Class name
Eh bentar, bukan
Pencet div container-nya
Container image-nya
Di atas
Atasnya iya
Nah itu kan kalau detail-in
Size-12
Itu kan kayak, padahal udah
Width dan height yang proportional
Eh, cuma enggak kelihatan ya itu
Shift + Command + D deh
Biar lebih jelas
Comment di
Biar DevTools-nya
Turun di bawah
Yang mana tadi?
Yang lagunya jadi gepeng
Nah itu kayak height ssh tuh
Ini namanya apa ya?
Ini ya, helipod ya
Ini bisa ya
Nih
Nah bawahnya
Bukan bawahnya lagi
Itu kan harusnya di atas kertas
Ini maksudnya teknisnya
Size-12 tuh udah di set width sama height-nya
Tapi jadi gepeng
Karena itu tuh flexbox
Sekarang coba deh
Ketika jadi element style
Flex string-nya
Flex
String
Nol
Nah bener kan
Coba buat
Buat uji ke pintaran AI
Tapi jangan bilang
Jangan bilang
Ini kok
Ini size-nya udah benar, kok gepeng?
Coba benerin
Ini sesuatu yang recorder nggak tahu nih
Ya makanya
Mungkin ngetes gini pakai
Itu nya mas Zain kan ya
Sebenar
Biar kita sama-sama belajar
Flex string itu sebenarnya fungsinya apa sih?
Nah itu revert lah pokoknya
Flex itu
Dia ngikut parentnya
Jadi karena parentnya
Flex
Parentnya adalah yang MB-4 itu
Nah si parentnya itu kan punya anak dua
Punya anak dua, si logo
Container logo
Sama container text
Sama image, eh sama ini
Flex itu flexible
Nah apa?
Si container text-nya itu kan besar
Intinya kalau nggak dikasih flex string
Itu dia akan apa?
Si container text yang besar itu
Akan menekan
Jadi bikin
Itunya apa? Gepeng
Dia akan stretch
Ditekan ya
Bahasa teknis yang lebih
Bagus
Kalau nggak nyontek, gue nggak bisa
Ya apanya
Penjelasan yang lebih teknis sih ada
Cuma yang jelas kalau parentnya adalah
Flex, terus punya anak dua
Itu emang flexible
Jadi namanya flexible, kita nggak bisa memprediksi
Itu ukurannya berapa
Yang besar akan stretch
Se, ya apa?
Oh karena ini dia butuh
Space lebih besar gitu ya
Karena dia paragon, dia bukan
Bisa di override
Dengan cara si yang
Kita nggak mau ini susut
Kita mau, dia kan udah
Desk-desk 12
Gak boleh shrinking ya
Entah berapa lah width-nya kita udah bilang
Misalnya kita pengen width-nya
Berapa pixel atau berapa rem
Width-nya harus empat rem
Nah kita bisa override
Behavior dari parent flex-nya
Yaitu cukup self explanatory
Flex string 0
Jangan sampai sering
Jangan sampai
Kalau dibikin flex string 1
Jadinya apa?
Nol ini apa?
Nol itu ya jangan
Oh ini level ya
Level terbesarnya adalah
Yes or no
Oh yes or no
Di CSS nggak ada true/false ya
Kalau ininya dibikin flex string
Jadi manjang
Lawannya flex string apa?
Flex grow
Grow
Nah pernah liat nggak
CSS flex titik 2 1
Coba aja tetik
Random di mana pun
Flex
Di sini
Flex titik 2 1
Gini
Flex string-nya ilangin
Flex string-nya ilangin
Nah ada arrow itu coba dibuka deh
Pasti pernah liat kan
Flex titik 2 1
Nah itu sebetulnya
Shortcut
Grow string
Flex basis
Flex basis itu semacam
By default dia harus di-ranger seberapa
Jadi bisa pakai percentage
Kalau kita pengen gambarnya
Container thumbnail itu
Harus selalu 20% dari
Parent-nya
Nah itu di flex basisnya
Jadi apa?
Kalau mau di set satu per satu bisa
Mau pakai shorthand flex itu bisa
Jadi dikasih value 3
Oke
Mantap
Oke ada lagi
Cuma bentar jadi penasaran ini kan
Kebetulan, gue tahu karena
Spesialisasi di front-end
Cuma misalnya ngerjain infra
Atau apa yang gue nggak tahu kan
Juga kayak gitu kan cuma
Wah ini salah jangan gini gitu aja
Nah itu cara work around-nya
Gimana ya
Grounding-nya
Apakah kita nge-load agent skill ya kan
Sekarang ada agent skill
Tapi juga kita nggak tahu nggak bisa memastikan
Bahwa itu benar kan
Maksudnya apa
Buat yang ngenalin dan sehari-hari
Udah punya pengalaman real life
Ya apapun itu lah back-end atau infra
Kalau misalnya lihat sesuatu kan
Walaupun mungkin belum kebayang harus nyoba
Dulu tapi udah ada feeling kan
Intuisi nah intuisi
Intuisi manusia itu kan berdasarkan
Experience
Nah kalau AI dibikin biar punya intuisi
Biar di steering ke arah yang betul
Itu gimana ya
Nggak bisa, kalau mau
Salah satu solusinya adalah
Kalau punya token lebih
Bisa minta AI yang lain untuk
Nge-review, kan sekarang
Sering kan kejadian
Yang bikin code-nya itu
Cloud code
Terus yang review-nya codex
Atau sebaliknya
Jadi nggak
Bukan model yang sama, model yang berbeda
Oh iya
Pokoknya semua
Misalkan kayak apa ya
Pull request, semua pull request
Atau semua changes itu harus
Dereview dulu sebelum di commit
Misalkan
Tapi nge-review-nya jangan dengan
AI yang sama
Atau jangan dengan
Coding agent yang sama, pakai
Coding agent yang berbeda
Ini ada pertanyaan
Cuma kalau dua model sama-sama nggak sadar
Bahwa ya kayak gitu
Ini contoh kasus aja tadi, contoh kasus
Bahwa kalau perennya flex
Terus calutnya dua, dan satunya besar
Itu yang satu bakal
Kedorong, unless kita kasih
Sering, nah itu kan hal
Yang cukup spesifik ya
Nah apakah sabung
AI buat nge-review itu bisa
Ya mungkin meng-catch
Nge-catch sebagian issue
Kayak gitu atau nggak ya? Soalnya
Belum punya pengalaman
Itu kan blind spot ya
Bisa dibilang kayak blind spot
Bisa jadi dia
Petasang ini sih apa namanya
Bisa jadi dia bikin
Width important
Terus dia
Height important juga bisa kan
Itu cara gue tuh
Iya, kalau untuk
Front end sih kayaknya minta
Dereview sama anti-gravity atau
Gem initialize sih kayaknya lumayan
Efektif ya
Tapi nggak tahu sampe sedetil itu atau nggak sih
Nggak tahu ya
Ini ada pertanyaan nih
Mas Khalid, ini desain tampilannya
Pakai skill nggak? Nggak kan ya
Tadi ya? Nggak
Nggak ya, langsung nembak ya
Saya mau website-nya mirip seperti
Anthropik ya, website
Anthropik gitu ya
Model begitu doang
Begitu doang ya
Oke
Ada lagi mungkin?
Atau dari mas Khalidnya ada yang mau
Ditanyakan lagi?
Belum ada lagi sih ya
Belum ada ya, oke
Kalau belum ada mungkin
Untuk beda website-nya
Sekian dulu
Mudah-mudahan masukannya
Bermanfaat, kita sama-sama belajar juga
Terima kasih sudah submit
Terima kasih sudah hadir
Selama hari ini
Gampang ya
Website-nya bagus, sukses ya
Buat ini aplikasi
Semoga bisnis-bisnis
AI gateway-nya bisa hidup lagi
Bisa dapat solusi ya
Tetap dijaga
Di jalur yang aman ya
Jangan terlalu gray ya
Bahaya ya
Double gray nggak apa-apa
Jangan terlalu gelap aja
Double gray, double gray
Kan tadi ada 2 kan, 2 ya
Batasnya kalau
C-C-C-C itu batasnya gray
Yang C-C-C-C
Jangan sampai D-D-D-D atau E-E
2-2-2 juga masih
Kalo bisa ke D-D-D-D
Atau ke E-E-E
Oke
Siap
Ya, gitu aja mungkin mas Khalid
Terima kasih banyak
Kita ketemu lain waktu ya
Terima kasih
Oke, kita coba
Liat-liat di komentar ya
Kalau ada
Komentar-komentar yang menarik
Oh iya
Semoga bisa dicoba
Ketinggalan lagi, makanya subscribe dong
Mas Flex Bro
Wah ini jagoan CSS nih
Flex Bro
Bukan mas
Saya belum pernah ke Banyo mas
Beda orang-beda orang
Saya sudah
Bukan mas Sudirissa bisa ngomong itu
Ngapak
Ngapak
Beda orang selalu
Nggak
Saya sudah kirim di ngobrol diskusi
Semoga bisa di bedah, ya
Terima kasih ya, submitnya nanti kita coba
Liat dan
Kita coba bedah
Di next
Bedah web
Sesi bedah web ya, terima kasih
Sabung AI tadi
Udah
Di cloud, ada advisor
Pengaruh banget nggak?
Usah mah
Gak, nggak pernah pake ya
Nggak pernah pake
Udah nggak subscribe lagi ya
Promo cloud code-nya
Udah habis
Ada bergeberan baru
Jadi company saya, tempat saya bekerja
Subscribe ke tim plan
Tim plan untuk?
Enterprise plan
Jadi satu company
Antropik?
Iya
Jadi saya punya lagi cloud
Punya lagi?
Enak nih
Tapi bedanya
Bisa bahas cloud design
Pakai nggak cloud design?
Bisa pakai, saya baru saja bikin pakai cloud design
Jadi waktu retrait kemarin itu
Satu company di beliin
Dikasih
Dikasih semua
Tokon-tokon
Jadi seluruh
Lini disuruh pakai AI
Dan kita hackathon
Seru sih seru-seru
Bedanya cloud design
Kalau di cloud design itu connect
Jadi design system yang kita bikin
Di cloud design
Bisa dipakai
Bisa dilihat oleh satu company
Saya nggak tahu
Ada analytics-nya gitu-gitu ya?
Nggak, jadi bisa saya bikin design system
Design token-nya saya
Design system
Design system-nya saya bisa dipakai oleh orang lain
Share knowledge gitu ya
Share, ada ya share knowledge
Terus kemudian kalau nanya ke cloud
Kita jadi sudah punya bot-bot-bot-bot-nya
Yang sudah punya
R-A-G-nya
Udah ada memory
R-A-G yang bisa di-connect
Jadi satu company
Sudah satu company di-connect
Ke Google Drive, ke Google Gmail
Sebagainya, di-connect ke Jira
Bukan bikin sendiri yang
Serius ada?
Dari admin yang connectin ke drive
Ke Jira
Ke segala macam, jadi kita itu
Sudah langsung bisa dapet
Ya emang useful banget ya
Bermanfaat
Berapa itu sebulan tagihan-nya?
Jangan di bitir
Dengan-dengan sih 7ribuan
7ribu USD
Per bulan
Untuk berapa orang, berapa sit
Unlimited, apa-apa sit
Nggak, jadi ada
Ininya kan, ada
Bisa, misalnya
Saya kan
Ambilnya cuma yang kayak
Kalo setara
Kalo setara yang
Pro, yang 20 USD
Account-nya saya
Tapi kalo mau request ke
Yang 5x atau 20x
Itu bisa
Cuma perlu justifikasi aja
Bisa di-provision
Berarti
Bisa di-provision akun ini
Jatahnya segini
Akun itu dapat
Biasanya
Seru ya
Ya itu keputusan
Yang sama
Keputusan saya
Jadi saya pakai saja, dikasih
Alhamdulillah
Ini, melanjutkan tadi
Pertanyaan Eka, mau gak mau
Kita harus ajarin AI-nya
Harus step by step, karena langsung
Ya kalo
Kalo yang tadi kayak
Yang dibenerin AI, saya lebih cepet
Benerin langsung di file-nya, daripada
Minta AI-nya
Oh bukan sih, kalo
Tadi concern gue adalah
Apa ya, blind spot yang
Karena bukan pengalaman dan ekspertis
Pribadi kita, kasusnya lebih ke
Yang kayak tadi, percara flex
Kan, ya bisa
Koreksi karena tau, nah suatu saat
Kalo teknologi yang mungkin kita nggak terlalu
Tahu, kita nggak tau celah kisih-kisihnya
Jadi kayak mau ngarahin, juga nggak tau
Ngarahin mulai dari mana
Lebih ke mikir
Kayak itu ada gap
Yang gimana
Macahinnya di dunia, yang nanti
Kan Conan katanya
Kayak Steve Yege itu loh, Gastown
Yang kita udah nggak ngeliat kode sama sekali
Udah kita becet-becet doang
Tapi maksanya berarti kan itu ada gap besar
Yang harus dipecahin
Berarti apakah kita semua
Belos kan
Iya, jadi waktu
Kapan ya, diskusi sama Ivan juga
Yang membedakan antara
Orang yang sudah mengerti
Programming menggunakan AI dengan
Orang yang dia
Nggak tau menahu apa-apa
Tentang programming, terus dia pakai AI
Itu beda cara pakainya
Iya
Aduh, jadi
Kalau AIK kan ngeliat kode-kode lu langsung
Gitu kan, pengalaman saya
Saat AI Hackathon kemarin itu
Ya itu kayak
Project manager, terus kemudian
Bagian finance
Mulai bikin aplikasi
Mereka sendiri, mereka sangat happy
Yay bikin aplikasi
Tapi ujung-ujungnya setelah AI Hackathon
Jadi saya dan tim saya
Kerennya mereka
Membuat AI Hackathon ini
Timnya tuh bener-bener
Dibikin diversifikasi
Bagus banget, jadi saya dimasukin
Ke tim yang
Bagiannya finance
Project manager
Dan ada satu
Cloud engineer
Jadi bener-bener 4 orang
2 engineer, 2 totally
Bukan engineer, jadi kita tuh berdua
Mengajarkan cara pakai
AI coding agent
Cloud
Cloud
Gak pakai yang
CLI tapi pakai yang
Cloud power
Cloud design, pertama cloud design
Terus kemudian cloud code
Tapi pakai aplikasi
Jadi
Mereka berhasil membuat
Aplikasi yang mereka bayangkan
Dan mereka visikan
Tapi ujung-ujungnya tetep, abis itu
Saya ambil alih
Perbaiki sana-sini
Jadi bagus
Tetep harus ada ujung-ujungnya
Tetep ada, kan kalau kata
Adi Osmani kan AI itu
Cuma bisa sampai 70%
Masalah skalibilitas, deployment
Nah itu kan agak-agak sulit tuh
Kalau dibiarkan AI
Dan sudah deploy, sudah dipakai
Oh sudah deploy dan sudah
Dipakai, itu dia deploy sendiri
Enggak kan, dengan bantuan tim tech kan
Enggak, saya yang deploy akhirnya
Iya
Tapi jadi dipermudah
Oh iya jelas
Dipermudah jelas
Jadi apa ya, sekarang itu
Orang udah gak ada
Alasan lagi untuk
Dia punya ide
Langsung bisa dibikin ya
Alasan satu-satunya alasan
Alasannya kurang token
Punya token, karena punya token
Kalau gak punya ya sama aja
Harusnya
Wah ini agak-agak
Seret ya
Tadi kan kita udah dibahas
Di awal tadi, kalau kita masih mikirin
Perut, gak bisa kita mikirin
Bagi-bagi token seperti Singapura
Beda kebutuhan
Karena
Level negaranya juga berbeda
Ya beda nasib bener
Rupiah melemah
Harga cloud makin mahal, iya
Makin berasa ya
Tapi saya sudah
Exit belayar sendiri
Oh masih ada sih
Mochin doang
Mochin ya
JLM sama
JLM sama OpenCode Go
Which is Mochin
Ya, jadi
Kalau temen-temen merasa cloud atau
Codex atau
Model
US atau model
Barat terlalu mahal
Coba salah satu solusi
Yang lumayan murah-meriah
Ada di model China ya
Dipsyck bagus
Katanya, JLM bagus
Kini
Quen juga bagus
Iya
Ini makin bagus
Bagus, kalau mau
Berlangganan yang murah-meriah
Apa tadi OpenCode Go ya
5 dolar
10 dolar
5 dolar, habis itu 10 dolar
Habis itu 10 dolar
Isinya model China
Kalau mahasiswa tetap berat juga sih
170.000 dolar ya sekarang
Tergantung mahasiswa
Strata apa sih
Cuma kalau
Kalau dulu
Kalau dulu ngeliat harga dolar itu
Secara naluri, dikali 10.000
10.000 dolar ya
Sekarang ngeliat harga dolar, dikali 20.000
Udah nggak bisa dikali
Kali 15, kali 20
Biar bulet gitu ya
Biar bulet
Itu kan kantornya Ivan
Banyak di online, tinggal cari aja nama saya
HumanMate
Eh masih kan HumanMate
Masih masih
Tapi
WordPress ya
Oke
Buat minggu depan
Buat minggu depan kita mau bahas apa
Yang belum dibaca apa tuh
Jelasin AI sesuai knowledge
Jelasin AI, knowledge dan experience kita
Tapi apakah
Karena to the point atau gimana
Nggak ngerti nih
Lebih fokus
Kalimat terakhir lah, credit abis
Ya bisa sih
Misalnya apalah ada suatu isu yang
Kita gak tahu
Mengarahinya gimana, karena bukan sortis kita
Ya mungkin kita tanya-tanya aja
Terus sampe betul
Kita ngarahin
Ya ya
Cuma kan kasusnya ini hal yang nggak kita kuasain
Ya kita deklaratif
Apa yang impratif, apa deklaratif
Punya hasilnya harus gini
Saya mau punya hasilnya deklaratif ya
Kita
Perlu ini aja deh
Ngasih temen-temen
Sedikit caranya
Bagaimana caranya sih
Coding agent atau LLM
Yang chat
Yang kita lakukan itu per sesinya
Seperti apa sih, kenapa sih toke kita
Bisa habis
Sebelum
Acara dimulai, kalo misalnya
Di coding agent kita begitu mulai
Buka sesi baru
Dia itu udah banyak konteks ya
Kayak MCP konteks
Skills
System prompt segala macem tuh
Ya semuanya sudah dibaca
Anggap aja ini konteks ya semua ya
Lalu kita
Mengatakan hai
Inilah hai nya kita
Nah saat kita mengatakan hai itu
Ini semua dikirimkan
Terus si LLM nya
Ngeresponse
Ya kan, dia response, hai balik
Terus kita nanya lagi
Apa kabar
Ya kan
Nah saat kita nanya apa kabar itu
Semua-semua ini dikirimkan
Semuanya
Seluruh konteksnya dikirimkan
Seluruh konteks dikirimkan
Nanti kemudian dia akan
Balas lagi
Demikian aja sebetulnya kalo kita tanya lagi
Disini panjang gitu ya
Nanti dia kirim lagi
Jadi kalo misalnya kalian
Attach PDF
Yang beriga-iga
Image
Dan bertanya berkali-kali
Yaitu tokennya cepet abis
Udah
Dan ada itu kan
Ada apa, dumb zone kan
Kalo di bawah
Kalo bisa konteks window itu kita tetep
Di bawah 50% kan, kalo di atas 50%
Dia udah semakin bodoh kan
Makanya
Makanya ada cara
Gimana caranya supaya
Semua state
Atau proses percakapan
Progress dan lain-lain itu dipindahkan
Ke dokumen atau ke
External database
Atau suka ada kan cloud dash
Name atau apa
Ada kayak
Sqlite
Setiap kali konteksnya udah mau penuh
Atau setiap kali kita mau
Task baru itu buka
Window baru
Atau buka session baru aja
Session baru
Ada fitur kayak compact
Compressed atau compact
Ada fitur kayak hand off
Jadi kita sekarang lagi ngerjain apa nih
Terus kita pengen
Ke step selanjutnya atau fitur selanjutnya
Tapi yang masih related
Beberapa coding agent
Punya coding harness
Punya fasilitas hand off
Itu kayak dia merengkas hal-hal yang penting aja
Terus kayak
Otomatis dipindahin ke
Sesi baru, jadi lebih
Otaknya dia lebih lowong
Tapi hal-hal yang paling pentingnya
Tetep ada informasi
Tentang hal penting
Saya menyarankan kalian sebelum masuk
Ke coding agent
Coba larikan chatbot
Kalian
Dari vanilla pakai javascript
Konik aja ke OpenAI
OpenAI
API key
Kalau enggak pakai open router
Atau apa pun lah ya
Di open router ada yang free
Ada yang free
Open router itu ada
Gemini flash ya
Gemini gratis
Maksudnya gratis ada free tier ya
Gemini flash ya
Bisa free tier
Coba aja pakai gemini API key
Yang flash
Bikin chatbotnya vanilla
Supaya tahu cara kerjanya
Si LL
Yes
Saya dari tutorialnya Mas Rize itu belajar
Dan Mas Rize dari tutorialnya Mas
Arya
Arya Hidayat
Benar-benar saya belajar itu satu per line
Codenya itu saya belajar
Oh begini tuh cara kerjanya
Sampai mengerti
Jadi
Sebenarnya
Compact pun sebenarnya ada efeknya
Nggak bisa sering-sering kita pakai
Bisa aja kehilangan konteks kan
Hilangan konteks dan pakai token juga
Orang suka nggak sadar kan
Kalau kita bolak-balik compact
Dia summarize kan
Iya dia summarize
Jadi saya dapat konteks
Saya bikin new session aja
Bikin baru aja
Jadi usahakan
Bikin ininya apa
Sesinya tuh satu sesi
Selesai
Sesi berikutnya mungkin oh kalau ada ngebug
Ya iya kecil-kecil
Dipecah jadi kecil-kecil
Nah itu bisa disebar ke
Kan sekarang banyak juga
Atau agent
Atau agent swarm
Atau agent team
Nah maksudnya semua bisa jalan
Berbaringan
Kecil-kecil tanpa sampai
Kalau tasnya besar
Kan ya itu risiko konteksnya
Penuh harus di compact, compress
Dan lain-lain
Apa kurangin kebutuhan kayak gitu
Dipecah semua jalan
Terakhir report ke
Iya berarti
Kita harus belajar project management dong ya
Bagaimana mempecahkan
Satu apa, satu
Mekerjaan supaya bisa
Atomic, jadi bisa dikerjakan
Secara independen
Masing-masing agent
Atau mungkin agentnya kita cuman
Pakai satu karena keterbatasan token ya
Tapi dia tetap
Tidak, sebisa mungkin tidak
Berhubungan dengan pekerjaan
Yang lain, ya kalau berhubungan ya
Gak apa-apa, tapi harus dijelaskan
Juga kan, oh ini dependent on
Tas sekian gitu
Oke, apakah
Subscribe cloud enterprise
Worth it
Kalau buat
Kampanyi gitu ya
Subjektif, subjektif itu maksudnya
Yang subscribe enterprise plan
Pasti suatu
Kantor atau perusahaan
Atau apa, industri kan
Nah si perusahaan itu
Dia dapat value
Dari mana kan, misalnya jualan
Kalau jualan
Kalau misalnya apa
Dia subscribe enterprise plan dengan
Semua perks dan privilege
Yang Ivan bilang tadi
Seimbang sama pemasukannya atau enggak kan gitu kan
Output dan output code
Bukan soal ini sih
Yang dilihat itu
Bukan soal
Hanya bukan soal duitnya saja
Tetapi ada
Klausul-klausul kontrak tertentu
Yang diberikan antropik dengan enterprise plan
Contohnya
Data yang digunakan, yang kita pakai
Tidak digunakan untuk
Training kembali
Itu ada klausul
SOP kali ya
Ada kontrak lah, jadi
Privacy, dan ketentuan berlaku lah ya
Iya
Lalu data sharing
Hanya bisa inside company
Jadi nggak ada yang bisa keluar
Terus
Privacy
Masing-masing
Jadi untuk konekin ke Google Drive
Segala macam itu
Karena Google Drive nya itu kan
Kita pakai yang Google
Workspace kan ya
Kita pakai Google Workspace
Yang hanya bisa di approve oleh admin
Jadi kita kan kalau pakai cloudnya kita sendiri
Yang bukan enterprise
Nggak bisa tuh kita konekin ke Google Drive nya
Kita punya
Yang punya perusahaan
Karena harus admin yang approval
Jadi kalau admin approval
Satu-satu-satu-satu kan ribet ya
Atau berantakan kan
Nggak tahu punya account siapa, nggak bisa dijamin
Kalau misalnya pakai enterprise plan
Hanya admin yang bisa
Konekin ke Google Drive
Hanya admin yang bisa konekin ke Jira
Jadi
Satu
Satu payung ceritanya
Jadi kita tinggal
Tinggal pakai, jadi koneksinya
OAuth nya tuh cuma satu
Nggak bermutri-mutri OAuth segala macem
Jadi
Lupa lagi misalnya si X
Sudah tidak bekerja lagi
Eh ternyata masih konek ke cloud
Di Google Drive yang lama
Kan berabik
Contohnya
Jadi security, privacy
Itu ditawarkan oleh enterprise
Oh SSO
Ditawarkan oleh sistem dari sisi
Enterprise plan
Worth it nya ya tergantung
Kalau kalian company nya
Ke arah security, privacy dan segala macem
Itu dan client nya
Enterprise yang mewajibkan
Soctu
Atau kemudian mewajibkan
Privacy dan sebagainya
Wajib punya enterprise, nggak bisa nggak
Kalau nggak ya nggak perlu
Itu jelas
Maksudnya itu valid semua
Tapi kan di luar itu juga
Kenapa sih sampai dibelain banget
Harus sampai apa
Semua pakai agent decoding kan
Berarti semua employenya
Logikanya kalau udah spend
Sebanyak itu buat subscribe
Enterprise plan, berarti kan
Semua developer nya dipush
Untuk pakai agent decoding
Biar apa, biar
Ya biar
Efisien dan efektif kan
Biar 10x kan
Biar output nya
Misalnya 5 kali lipat atau 10 kali lipat
Atau entah berapa kali lipat
Kalau dia
Kalau dia tanpa
Feon nya
Masih diharapkan
Dengan spend sebanyak itu
Tapi maksudnya realitanya
Ya realitanya
Kayak gitu atau nggak dan
Coding output itu kan
Masih belum
Belum correlate dengan
Income atau apapun value yang
Dijeptain oleh si perusahaan
Itu juga tetap harus di connect kan
Ibaratnya dengan developer
Mungkin bisa
10x
Nah income nya, harus 10x juga
Berarti kan
Itu flow yang
Itu muter kan, kalau misalnya
Itu semua nggak tercapai
Nggak sesuai plan, nggak sesuai harapan
Ya kan berarti nggak bisa sustain
Buyer segitu terus kan
Nah balik ke pertanyaan worth it atau nggak
Itu kan berarti kayak
Apa ya, ujingi
Pasar
Jawabannya adalah
Kita nggak bisa bilang di depan worth it atau nggak
Kan
Jadi kayak
Kayak harus ada
Ada apa ya, kayak prosedur
Untuk menganalisa apakah
Effort
Dan spending sebesar itu
Worth it atau nggak dibanding
Apa, di quantify
Di quantify kan
Apa, quantify nya entah income
Atau yang nggak harus selalu income finansial
Kalau misalnya non profit
Namanya memberi manfaat ke
Sekian keluarga atau sekian penerima
Manfaat, lah itu bisa 10x juga
Atau nggak, kasarannya kan kayak gitu kan
Kalau nggak bisa ya udah nggak usah
Nggak worth it
Itulah, saya bersyukur
Tidak memimpin sebuah
Perusahaan, nggak mau kursing dengan begituan
Kalau ditanya worth it
Sebenarnya kalau nggak, tidak melihat
Biaya ya pasti worth it
Karena kan cloud itu salah satu
Leading kan sekarang saat ini ya
Walaupun memang dikenal
Mahal, tapi
Apa ya
Inovasi-inovasinya kayak
Cloud design
Cloud co-work yang buat
Non developer
Sama cloud code
Dan lain-lainnya
Itu ya
Worth it sih
Tapi kalau misalkan ditanya
Pertanyaannya enterprise, enterprise plan
Berarti kan emang untuk sekantor
Beneran udah, ini kalian
Kalian mau pakai AI, cuma boleh pakai ini
Karena ada itu tadi semua
Aturan-aturannya
Jadi cuma dua sekarang
Perusahaannya
Kalau misalkan mau
Seluruh perusahaan menggunakan satu
LLM aja
Dari satu perusahaan
Ya, mau nggak mau, harus enterprise
Kalau nggak ya, akan
Beda-beda nih, tiap
Tiap orang atau
Tiap
Business unit kan
Beda-beda, jadi nggak bisa
Beda-beda bahaya
Justru lebih bahaya
Kalau ada
Enginernya yang pakai
Punya pribadinya
Misalkan, itu kan
Ada resiko kan
Datanya dipakai kah
Buat training dan lain-lain
Itu lebih membahayakan kalau nggak pakai
Ada perusahaan-perusahaan
Jujur sih, misalnya gue nih
Cuma kalau gue sih dikerja
Nggak subscribe enterprise plan apapun
Tapi misalnya skenario hypothetical
Gue punya agensi web
Tapi
Customer base-nya, konsumen Indonesia
Yang mana nggak ada aturan
Ketat juga tentang itu tadi
Harus SOC 2
Atau apapun itu kan
Mungkin klien Indonesia pada umumnya
Yang secara budget juga pas-pasan
Ya jujur, gue pasti nggak mau
Subscribe enterprise plan
Dengan
Mending designer 1 orang
Gue kasih akun
Mungkin developer bikin akun 1
Misalnya develop
Ini contoh kasusnya
Agensi kecil ya
Agensi yang mungkin developernya cuma 3-5 orang
Ya udah bikin 1 akun
Kalian share tekan udah 1 akun
Designer dan orang marketing
Atau apa yang butuh bikin slide
1 akun, kalian sharing udah
Masing-masing yang 20 dolar doang
Kalau misalnya abis ya udah
Kerja manual
Realistis kan, maksudnya
Kalau misalnya agensi di Indonesia
Agensinya kecil, target market-nya
Pasar Indonesia pada umumnya
7.000 dolar sebulan ya
Thanks lah
Itu bukan
7.000 itu total ya
Jadi, karena orangnya banyak juga sih
Sebenarnya
Oh itu per orang ya
Per slot juga, kayak Gmail account
Google workspace kan
Per user per account kan ada
Jadi, kalau timnya kecil
Saya nggak tahu ya berapa minimalnya
Kalau si enterprise plannya
Si cloud AI ya
Kalau, sama kayak Gmail juga kan
Kan nggak
Mesti harus
Google workspace
For business kan ada kan ya
Enterprise kan ya
Bayarnya kan per user per month
Per seat
Iya, ini sama
Jadi, si cloud ini juga per seat
Cuma, berapa minimalnya nggak tahu
Minimalnya, ada minimalnya pasti kan
Minimum number-nya itu
Kalau self-service
Kalau gue baca ya
Itu 20
Jadi, anggap aja kalau 20
Kali yang
50 dolar
20 dolar, berarti 400 dolar
Minimal
Bukan 7.000
Ya, nggak tahu sih
7.000 itu kan total
Per seluruh orang
Oke, tapi itu tepat sih
Maksudnya, kalau dari perspektif
Sebagai yang
Yang bayar cloud enterprise
Itu kan pasti yang memimpin
Suatu perusahaan, atau agensi
Atau industri, atau semacamnya
Ya worth it atau nggak, tergantung
Tergantung kondisi si masing-masing
Tempat itu kan
Yes
Oke, cukup
Pembahasan ini
AI, kita minggu depan bahas AI lagi ya
Bahas
Kayaknya, ini ada beberapa teman-teman
Disini yang jagoan desainnya, kayak
Flexbro ya, kayaknya
Semuanya ini ya
Jadi jangan sampai ketinggalan
Kita mau bahas tentang bagaimana
Desain.md
Ya, mendesain
Aplikasi dengan bantuan AI
Mungkin ada kita bahas
Stage-nya Google
Atau kalau Ivan bisa
Mendemokan
Cloud design
Oh iya, kok bisa
Bisa, bisa
Ya, sip
Nanti kita bisa bandingkan
Oke, mungkin untuk malam ini
Sekian dulu, terima kasih buat semuanya yang sudah hadir
Kita ketemu lagi minggu depan
Selamat malam, bye-bye
Deskripsi asli dari YouTube
Berhubung banyak yang submit, malam ini kita akan kembali membedah beberapa situs. Penasaran gimana pendapat para pakar kita Ivan dan Eka? Jangan sampai ketinggalan untuk menyaksikan sesi bedah situs nanti malam. Bedah situs kali ini hasil kolaborasi bareng Domainesia! 🎉 📦 Langganan Cloud VPS Turbo? Gunakan kode: NGOBROLINVPSDN → 50% OFF, bisa digunakan berkali-kali! Jadwal mengudara jam 20:00WIB ya. Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.
Episode Terkait
3 Jul 2024
Ngobrolin Elixir
Episode ini membahas tentang Elixir, bahasa pemrograman fungsional yang berjalan di BEAM (Erlang Virtual Machine), bersa...
6 Sep 2023
Ngobrolin AI
Episode ini mengambil sudut berbeda dari kebanyakan pembicaraan soal AI: bukan apakah ia akan menggantikan kita, melaink...
23 Jul 2025
Bedah Buku Problem Solving 101
Episode ini membahas buku "Problem Solving 101" karya Ken Watanabe, mantan konsultan McKinsey yang menulis buku ini seba...
Suka episode ini?
Episode baru setiap Selasa malam. Dengarkan lewat YouTube, Spotify, atau feed podcast favoritmu.
Memuat komentar dari GitHub Discussions...
Jika komentar tidak muncul karena ekstensi privasi / adblocker, kamu bisa berdiskusi langsung di GitHub Discussions .