mrfdn.com – Sveltekit lagi-lagi menjadi pilihan saya untuk belajar javascript. Kali ini saya ingin belajar menampilkan data dari sebuah sqlite database menggunakan Svelte dan Svelte Kit. Buat yang belum tahu, Svelte adalah mesinnya sedangkan Svelte Kit untuk membuat tampilannya. Kenapa harus capek-capek menampilkan data dari database? Karena saya ingin membuat sebuah aplikasi soal-soal pilihan ganda. […]
Cara Set File ENV pada Svelte Kit
mrfdn.com – File ENV biasa digunakan untuk mendefinisikan apa saja yang akan dipanggil pada projekan kita. Dengan membuat file env, projekan akan jauh lebih secure, clean dan lebih mudah untuk dimaintain. Di sini saya ingin set file ENV pada projekan SvelteKit yang sudah dibuat kemarin yaitu tentang menampilkan data dari database dengan menyembunyikan path database. […]
Cara Membuat/Convert Database Sqlite dari File CSV
mrfdn.com – SQLite adalah database relasional yang ringan dan mudah digunakan. Database ini dapat digunakan untuk berbagai keperluan, termasuk menyimpan data dari file CSV. File CSV adalah file teks yang menyimpan data dalam format tabel. Setiap baris dalam file CSV mewakili satu baris data, dan setiap kolom dalam baris mewakili satu atribut data. Untuk membuat […]
Cara Load Plain Javascript Svelte Astro
mrfdn.com – Jika kita punya file javascript yang berjalan normal tanpa menggunakan framework seperti Svelte, yang ingin dijalankan pada projekan Astro, secara normal untuk bisa menjalankannya kita akan menemui error: document is not defined Browser APIs are not available on the server. If the code is in a framework component, try to access these objects […]
Submit dan Fetch Data Menggunakan SolidJS
mrfdn.com – Kali ini saya sedang belajar Solidjs. Di sini saya ingin submit dan fetch data secara otomatis dari dan ke google sheet. Saya menggunakan Astro, dan menjalankan SolidJS sebagai component. Komponen ini yang saya buat ini digunakan untuk menghandle kirim ucapan / komentar untuk web invitation. Di sini saya dibantu oleh ChatGPT untuk generate […]
Menampilkan Iklan Di Antara Paragraf Blog Hugo
mrfdn.com – Mungkin ada beberapa di antara teman-teman yang menggunakan Hugo sebagai platform untuk nge-blog. Dan blog nya juga menampilkan iklan adsense. Kali ini saya ingin share cara menampilkan iklan di antara paragraf hugo. Baris iklan akan tampil setiap beberapa paragraf. Iklan akan terender secara otomatis pada file html, bukan tampil sebagai javascript. Tanpa berlama-lama, […]
2 Contoh Cara Mengimplementasikan Dark Mode pada Halaman HTML: Panduan Praktis
mrfdn.com – Dark mode, atau mode gelap, telah menjadi tren desain antarmuka pengguna yang populer. Banyak pengguna menghargai opsi ini karena dapat mengurangi kelelahan mata dan meningkatkan kenyamanan saat menggunakan perangkat pada malam hari. Dalam artikel ini, kita akan membahas cara mengimplementasikan dark mode pada halaman HTML dengan menggunakan HTML, CSS, dan JavaScript. Versi 1 […]
Cara Deploy ExpressJS ke Vercel (Serverless)
mrfdn.com – Halo… Express js merupakan salah satu framework Nodejs terbaik yang ada di dunia. Dia bisa menjalankan aplikasi berbasis web dengan NodeJS sebagai backend untuk segala kebutuhan. Baik untuk serve static file hingga CRUD (create, read, update, delete) sederhana dengan mengintegrasikan database. Jika anda memiliki aplikasi CRUD yang menggunakan Express JS, anda bisa mengonlinekan […]
Slot Deposit Pulsa Indosat, Peluang Untung Lebih Besar
Slot Deposit Pulsa Indosat, Peluang Untung Lebih Besar
Cara Menampilkan Loading Indicator dengan HTMX
mrfdn.com – Saya sedang asyik ngulik Express dan HTMX. Dan terasa menyenangkan karena HTMX seperti magic. Hal-hal yang terasa malas dikerjakan dengan susah payah kini bisa dilakukan dengan mudah. Contohnya kali ini saya ingin menampilkan indikator loading saat proses fetching data di server. Caranya sangat mudah, HTMX memiliki atribut yang bernama hx-indicator. Atribut ini bisa […]

