Postingan

Menampilkan postingan dengan label Aplikasi & Teknologi Web

Tanstack Start x Hosting 20ribuan: Panduan Hosting Pakai Git

Gambar
Bismillahirrohmaanirrohiim . Alhamdulillahi Robbil ' Alamiin . Allahumma Sholli 'Alaa Sayyidinaa Muhammad.   Kita akan praktik men- deploy /meng- hosting aplikasi berbasis Tanstack Start ke shared hosting dua puluh ribuan menggunakan bantuan Git. Pada kasus kali ini, saya menggunakan GitLab. Tanstack Start merupakan fullstack framework yang menggunakan Nitro sebagai backend .  Nitro sendiri adalah plugin untuk Vite yang membuat aplikasi Vite kita menjadi fullstack dan dengan mudah bisa men- deploy -nya di berbagai macam platform, termasuk ke shared hosting murah. Shared hosting yang kita gunakan adalah Hostdata.id dengan paket Developer (Rp20.000/bulan) dengan Direct Admin panel. Kita memerlukan akses terminal untuk tutorial kali ini. Jadi, ini tidak akan bisa kita lakukan di paket Starter (Rp10.000/bulan). Fitur ini tersedia minimal di paket Developer (Rp20.000/bulan). Persiapan Untuk itu, kita pastikan sudah melakukan beberapa hal berikut. Sudah mem- push apli...

Panduan Hosting Aplikasi Vite + Nitro di Shared Hosting Murah Rp20 Ribuan

Gambar
Bismillahirrohmaanirrohiim . Alhamdulillahi Robbil ' Alamiin . Allahumma Sholli 'Alaa Sayyidinaa Muhammad.   Kita akan praktik men- deploy /meng- hosting aplikasi berbasis Nitro ke shared hosting dua puluh ribuan. Nitro di sini adalah plugin untuk Vite. Plugin ini digunakan untuk membuat aplikasi Vite kita menjadi fullstack dan dengan mudah bisa men- deploy -nya di berbagai macam platform, termasuk ke shared hosting murah. Shared hosting yang kita gunakan adalah Hostdata.id dengan paket Developer (Rp20.000/bulan) dengan Direct Admin panel. Seharusnya menggunakan paket yang Starter (Rp10.000/bulan) atau Profesional (Rp30.000/bulan) juga sama saja. Persiapan Untuk itu, kita pastikan sudah melakukan beberapa hal berikut. Build aplikasi berbasis Nitro di lokal. Pada contoh kali ini, kita tidak menggunakan database apa pun. Memiliki akun Hostdata.id dan memiliki paket aktif, setidaknya paket Starter. Sudah membuat subdomain dengan SSL aktif serta men-Setup Node.js App di d...

Pengalaman Saya Menggunakan Payment Gateway Asal Irak: First Iraqi Bank

Gambar
Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin. Allahumma Sholli 'Alaa Sayyidinaa Muhammad. Ini adalah pertama kali saya melakukan integrasi aplikasi dengan payment gateway asal Irak, First Iraqi Bank . Mirip-mirip saja dengan yang pernah saya temui di Indonesia, namun ada hal berbeda yang membuat saya bingung. Apa itu? Sebelum itu, saya ingin menceritakan bagaimana saya bisa mengerjakan proyek ini. Secara garis besar, aplikasi yang saya kerjakan ini sepertinya mirip Halodoc kalau di Indonesia: orang bisa konsultasi secara online setelah melakukan pembayaran. Saya kebagian backend , admin panel , dan landing page untuk aplikasi ini. Sebenarnya, saya tidak dari awal mengembangkan aplikasi ini. Ini merupakan proyek pindah tangan dari developer sebelumnya. Waktu saya mulai mengerjakan, ada masalah dengan pembayarannya. Sebelumnya, di mode development dan staging bisa mendeteksi pembayaran secara otomatis. Tentu saja menggunakan webhook , jika kalian tahu. Namun, saa...

Inisialisasi Project FastAPI di Windows 11

Gambar
Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin. Allahumma Sholli 'Alaa Sayyidinaa Muhammad. Sekitar 1 bulan ini, saya belajar membuat backend menggunakan FastAPI. FastAPI ini merupakan framework menggunakan bahasa pemrograman Python yang saya harap cepat, seperti namanya. Ini merupakan rangkaian stack yang saat ini sedang saya pelajari, FARM (FastAPI, React.js, MongoDB) Stack. Anda bisa juga coba membaca buku yang saat ini sedang saya baca mengenai topik ini di sini . Persiapan Ada beberapa hal yang harus Anda siapkan agar bisa mengikuti tutorial ini. Perangkat dengan sistem operasi Windows 11. Bisa komputer, bisa laptop. Python yang sudah ter- install . Jika belum, install dulu . IDE. Saya menggunakan Visual Studio Code . Koneksi internet. Jika sudah siap, mari kita langsung mulai saja. Langkah-Langkah Pertama, buat folder baru dengan nama coba di mana saja. Pada contoh kali ini, saya akan membuat folder tersebut di dalam Documents\LEARNING\FASTAPI . Kemudian,...