Sebuah tutorial singkat mengenai Arlink (Arwave ecosystem)
🔎 Apa itu ARlink ???
ARlink merupakan gabungan kekuatan penyimpanan yang terdesentralisasi dengan alur kerja penerapan yang familier, sehingga memudahkan Anda menghadirkan aplikasi ke permaweb.
🔎 Bagaimana cara kita dapat berinteraksi diplatform Arlink ???
Simple dan mudah sekali untuk kita dapat berinteraksi diplatform Arlink, kita dapat melakukan deployment WEB menggunakan platform ini, sebagai bentuk interaksi dan ujicoba dari platform Arlink Ini. saya akan berbagai step by step dari awal hingga akhir untuk berinteraksi.
✨ Step by Step
🛠 Step 1 (Membuat web sederhana)
Pada tahap awal ini tugas kita adalah melakukan pembuatan WEB, kreativitas tidak menjadi hal utama pada step ini, namun tidak semua orang dapat memahami dengan mudah tentang bagaimana cara dasar membuat sebuah web yang sederhana, mari kita wujudkan hal tersebut…
🟢Persiapan Tolls
- VS code
- Github Account
🟢 Jika Tolls sudah siap, di step ini kita akan melakukan penulisan code untuk mewujudkan tampilan sebuah WEB, disini kalian bisa berkreasi sebebas mungkin mau menggunakan HTML, CSS, JS ataupun yang lainnya, kalian juga bisa memanfaatkan ChatGPT atau bisa menggunakan code akan saya lampirkan di bawah.
HTML (Format penamaan FILE index.html) :
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portofolio Masdimas</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Portofolio Masdimas</h1>
<nav>
<a href="#about">Tentang</a>
<a href="#projects">Proyek</a>
<a href="#contact">Kontak</a>
</nav>
</header>
<div class="container">
<section id="about" class="section">
<h2>Tentang Saya</h2>
<div class="card">
<p>Halo! Nama saya Masdimas. Saya adalah seorang penggemar blockchain dan teknologi web3. Saya telah berpartisipasi dalam berbagai proyek testnet, menjalankan validator node, dan membangun komunitas. Di waktu luang, saya juga suka traveling dan mencoba pengalaman baru.</p>
</div>
</section>
<section id="projects" class="section">
<h2>Proyek</h2>
<div class="card">
<h3>Proyek Blockchain</h3>
<p>Saya telah bekerja di beberapa proyek seperti PWR Chain, Rainbow Protocol, dan banyak lainnya. Saya memiliki pengalaman dalam pengaturan node validator dan pengembangan komunitas.</p>
</div>
<div class="card">
<h3>Artikel dan Tutorial</h3>
<p>Saya membuat tutorial untuk proyek DeFi dan testnet, seperti cara menggunakan dompet blockchain atau membuat token di jaringan tertentu.</p>
</div>
</section>
<section id="contact" class="section">
<h2>Kontak</h2>
<div class="card">
<p>Hubungi saya melalui email: <a href="masdimas@example.com">masdimas@example.com</a></p>
<p>Ikuti saya di media sosial: <a href="https://twitter.com/masdimas">Twitter</a></p>
</div>
</section>
</div>
<footer>
<p>© 2025 Masdimas. Semua Hak Dilindungi.</p>
</footer>
</body>
</html>CSS (Format penamaan FILE style.css) :
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f9;
color: #333;
}
header {
background-color: #007bff;
color: white;
padding: 20px 0;
text-align: center;
}
header h1 {
margin: 0;
font-size: 2.5em;
}
nav {
margin-top: 10px;
}
nav a {
color: white;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
}
.container {
width: 90%;
max-width: 1200px;
margin: 20px auto;
}
.section {
margin-bottom: 40px;
}
.section h2 {
color: #007bff;
border-bottom: 2px solid #007bff;
display: inline-block;
margin-bottom: 20px;
}
.card {
background: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 20px;
border-radius: 5px;
}
footer {
background-color: #007bff;
color: white;
text-align: center;
padding: 10px 0;
position: fixed;
bottom: 0;
width: 100%;
}🟢 Step selanjutnya kalian bisa mengedit code yang saya lampirkan sesuai minat dan keinginan, jika dirasa sudah cukup kalian bisa save sesuai dengan format penamaan file.
🟢 Buka akun github dan buatlah repository baru sesuai nama projek yang kalian inginkan, kemudian upload file yang sudah disimpah sebelumnya ke-dalam repository, save and commit.
🟢Jika sudah kita akan memasuki step 2
🛠 Step 2 (Pembuatan Domain ArNS)
Pada step ke-2 ini kita akan membuat domain (perlu modal $20-$70) yang dimana domain ini akan digunakan pada step selanjutnya (Deployment), pada tahap ini jika kalian ingin melewati pembuatan domain itu boleh saja dilakukan, namun pembuatan domain disini bisa kita anggap sebagai nilai + sebagai bentuk interaksi tambahan…
🟢Persiapkan modal $Arwave , bisa wd dari Binance atau CEX kesayangan kalian yang lain, wd Arwave ke wallet arconnect.
🟢 Kunjungi : https://aox.xyz/#/beta , lakukan bridge Arwave ke wAR (memakan waktu yang sedikit lama)
🟢 sambil menunggu kalian bisa masuk ke https://arns.app/ , untuk cek harga domain yang kalian inginkan, semakin panjang semakin murah
🟢 jika sudah kalian bisa swap wAR => tARIO , hal ini dilakukan karena pembayaran domain akan menggunakan tARIO, lakukan disini : https://www.permaswap.network/#/ao/WAR-TARIO?tab=swap
🟢 jika kalian mengalami kesulitan atau tidak bisa melakukan swap, coba cek apakah jaringan sudah pada posisi yang benar? pastikan jaringan berada pada AO. Selain itu pastikan allowanc ebalance di wallet arconnect juga sesuaikan dengan balance yang akan kalian swap ⚠️
🟢 Jika sudah lakukan pembayaran pada domain yang sudah diinginkan
🛠 Step 3 (Deployment di Arlink)
🟢 Di step 3 kalian bisa langsung membuka : https://arlink.arweave.net/
🟢 Hubungkan dengan wallet arwave kalian
🟢klik deploy your first app kemudian pilih github dan konek github
🟢Pilih Repository yang sudah dibuat
🟢 Jika sudah akan menuju ke halaman Create new deployment, selanjutnya seusaikan dan ganti seperti dibawah
Install Command = npm — version
Build Command = npm — version
Sub Dir = ./
Out Dir = .
🟢 Klik next kemudian aktifkan ArNS domain, kemudian masukan process id dari domain yang sudah kalian buat
🟢 Klik Deploy dan tunggu proses berjalan hingga selesai, tanda selesai akan memunculkan keterangan build completed
Peringatan ⚠️ :
Keseluruhan step yang telah dilakukan bertujuan untuk memberikan petunjuk bagaimana cara berinteraksi pada platform Arlink dan ekosistem arwave yang terkait, tidak ada reward pasti dan hadiah airdrop yang akan didapatkan, namun aktivitas ini dapat meningkatkan peluang reward pada ekosistem arwave di masa depan ⚠️
