Tag: Cara

mrfdn.com – Kali ini saya hanya ingin mencatat bagaimana cara bekerja menggunakan file blade laravel dengan mengintegrasikan tailwind css. Pertama install dependencies dulu npm install -D tailwindcss postcss autoprefixer Sekarang install tailwind npx tailwindcss init -p Sekaranb buka file tailwind.config.js lalu tambahkan baris ini: /** @type {import('tailwindcss').Config} */ export default { content: ["./resources/**/*.blade.php"], theme: { […]

mrfdn.com – Dalam pengembangan wordpress di Nixos, terkadang kita harus menambahkan size upload file sebagai konfigurasi php. Nah di nixos, kita bisa menambahkan baris ini pada configuration.nix atau pada LEMP config nixos yang sudah dibuat sebelumnya. services.phpfpm.phpOptions = '' date.timezone = "Asia/Makassar"; display_errors = on; upload_max_filesize = "100M"; post_max_size = "100M"; ''; Setelah itu rebuild […]

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. […]

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. […]

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 […]

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 […]

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 […]

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 […]

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 […]

mrfdn.com – Terkadang pada sebuah projekan yang sudah berjalan dengan stabil kita sudah memiliki versi NodeJS tertentu. Lalu seiring waktu NodeJS sudah mendapatkan update, kemudian saat aplikasi dijalankan malah eror. Ini disebabkan oleh dependensi aplikasi kita mungkin butuh versi NodeJS tertentu. Biasanya cara yang dilakukan adalah install versi NodeJS tertentu. Misalnya, sekarang kita berada pada […]