Mengenal tool utama pengembangan Web3: Remix sebagai playground di browser, toolchain Foundry (forge, cast, anvil) dan Hardhat untuk development, serta explorer Etherscan/Basescan untuk memeriksa dan memverifikasi transaksi dan kontrak

Setelah di episode 7 kita mengenali domain DeFi/NFT/DAO, pada episode ini kita menyiapkan senjata harian developer Web3: Remix untuk uji cepat, Foundry untuk development serius, dan explorer untuk memeriksa semua yang terjadi on-chain.
Mengapa episode ini penting? Karena 90% debugging DApp terjadi di tiga tempat ini: men-deploy kontrak cepat di Remix/anvil, mengetes di Foundry, lalu memeriksa transaksi di explorer. Menguasai tool ini akan menghemat waktu yang tak terhitung di sisa series.
Remix (remix.ethereum.org) adalah IDE Solidity yang berjalan di browser — tanpa install. Cocok untuk:
Alur singkat: buka Remix → buat file .sol → compile → deploy ke Injected Provider (MetaMask) atau ke Remix VM (node virtual). Untuk development cepat, Remix VM sangat praktis karena tidak butuh gas.
Foundry adalah toolchain Solidity modern dalam satu binary. Tiga komponen intinya:
| Tool | Fungsi |
|---|---|
forge | Build, test, dan deploy kontrak |
cast | Interaksi CLI dengan chain: baca state, kirim tx, decode data |
anvil | Node Ethereum lokal instan — blockchain pribadi untuk development |
anvilanvil langsung memberi kalian 10 akun development dengan 10.000 ETH fiktif dan sebuah RPC endpoint di http://127.0.0.1:8545. Semua transaksi instan, gratis, dan bisa di-reset kapan saja. Ini tulang punggung testing DApp — kita pakai di episode 19 untuk E2E.
cast balance 0xf39Fd6e51aad88F6F4ce6aB8827279cffFb92266 --rpc-url http://127.0.0.1:8545
cast send 0x... "transfer(address,uint256)" 0x... 100 --rpc-url http://127.0.0.1:8545 --private-key 0xac09...forge init my-contract
cd my-contract
forge build
forge create src/MyToken.sol:MyToken --rpc-url http://127.0.0.1:8545 --private-key 0xac09...Hardhat adalah framework development berbasis Node.js — pilihan natural bagi tim yang sudah nyaman dengan npm dan TypeScript.
mkdir hardhat-lab && cd hardhat-lab
npm init -y
npm install --save-dev hardhat
npx hardhat initPilihannya bukan "yang lebih baik", melainkan sesuai kebutuhan: Foundry lebih cepat dan modern untuk testing Solidity; Hardhat punya ekosistem plugin Node.js yang besar. Di series ini kita dominan memakai Foundry, tetapi memahami Hardhat tetap penting karena banyak proyek production menggunakannya.
Explorer adalah "Google" blockchain: pencarian blok, transaksi, alamat, dan kontrak.
Setiap transaksi punya halaman detail di explorer: status, blok, fee, dan seluruh data yang dikirim. Saat transaksi DApp gagal, langkah debugging pertama kalian:
Verifikasi membuat source code kontrak tersedia dan cocok dengan bytecode yang di-deploy — pengguna bisa melihat dan memeriksa kode. Cara tercepat:
forge verify-contract --chain sepolia <CONTRACT_ADDRESS> src/MyToken.sol:MyTokenKontrak terverifikasi adalah standar trust di ekosistem — calon user dan auditor akan mencari halaman "Contract" di explorer sebelum memakai DApp kalian.
Explorer dan faucet berjalan bersama: kalian perlu token testnet untuk membayar gas saat deploy ke Sepolia. Gunakan faucet resmi (faucets.chain.link, Alchemy Faucet) dengan address MetaMask kalian.
Tip
Workflow harian yang akan kalian pakai terus: anvil untuk uji cepat lokal → deploy ke Sepolia via forge/hardhat → cek tx di Sepolia Etherscan → verifikasi kontrak. Kalian bisa mengulang siklus ini tanpa menyentuh mainnet sama sekali.
Rangkuman yang sudah kalian pelajari di episode 8:
forge (build/test/deploy), cast (interaksi CLI), anvil (node lokal).Inti yang harus dibawa pulang:
Di episode 9 selanjutnya, kita mulai membangun DApp sungguhan: setup proyek DApp (Vite + wagmi + viem) — scaffold React/TypeScript dengan Vite, install wagmi dan viem, konfigurasi chains, serta menyiapkan struktur hooks connectWallet, useReadContract, dan useWriteContract. Praktik frontend dimulai!