mrfdn.com – Kali ini saya hanya ingin mencatat cara kerja integrasi tailwind css menggunakan file laravel blade. Instal dependensinya terlebih dahulu npm install -D tailwindcss postcss autoprefixer Sekarang instal penarik npx tailwindcss init -p Sekarang buka filenya tailwind.config.js Kemudian tambahkan baris ini: /** @type {import(‘tailwindcss’).Config} */ export default { content: [“./resources/**/*.blade.php”], theme: { extend: {}, […]

mrfdn.com – Seperti diketahui, WordPress memiliki fitur bernama Rest API. Jika fitur ini diaktifkan kita dapat menggunakannya dengan bebas. Kita dapat menangkap daftar artikel di situs WordPress. Salah satu cara menggunakan REST API WordPress adalah dengan Svelte/SvelteKit SvelteKit memiliki fitur untuk menampilkan data/memuat data dari link API. Jadi tanpa basa-basi lagi, begini caranya. Pastikan website

mrfdn.com – Dalam pengembangan WordPress di Nixos, terkadang kita perlu menambahkan ukuran file upload sebagai konfigurasi PHP. Sekarang di nixos, kita dapat menambahkan baris ini ke konfigurasi.nix atau konfigurasi nixos LEMP yang dibuat sebelumnya. services.phpfpm.phpOptions = ” date.timezone = “Asia/Makassar”; display_errors = on; upload_max_filesize = “100M”; post_max_size = “100M”; ”; Setelah itu build kembali confignya,

mrfdn.com – Sekarang saya ingin mencatat cara menampilkan data dalam loop menggunakan komponen Svelte yang berjalan di proyek Astro JS. Pastikan Anda menambahkan Svelte ke Astro npx astro add svelte Setelah itu buka filenya ./package.json Kemudian pastikan Svelte sudah terinstal. Hapus file jika perlu ./package-lock.json Kemudian instal dengan perintah npm install. Sekarang buat komponen yang

mrfdn.com – Sveltekit sekali lagi menjadi pilihan saya untuk mempelajari JavaScript. Kali ini saya ingin mempelajari cara menampilkan data dari database SQLite menggunakan Svelte dan Svelte Kit. Bagi yang belum tahu, Svelte adalah mesinnya sedangkan Svelte Kit untuk tampilannya. Mengapa Anda harus peduli menampilkan data dari database? Karena saya ingin membuat aplikasi soal pilihan ganda.

mrfdn.com – File ENV biasanya digunakan untuk menentukan nama proyek kita. Dengan membuat file env, proyek akan jauh lebih aman, bersih, dan pemeliharaannya lebih mudah. Di sini saya ingin mengatur file ENV di proyek SvelteKit yang saya buat kemarin yaitu tentang menampilkan data dari database dengan menyembunyikan jalur database. Langsung saja, lakukan seperti ini: Di

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 satu baris mewakili atribut data. Untuk membuat

mrfdn.com – Jika kita memiliki file javascript yang biasa berjalan tanpa menggunakan framework seperti Svelte yang ingin kita jalankan di proyek Astro, biasanya kita akan menemui error saat menjalankannya: 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 after

mrfdn.com – Kali ini saya sedang belajar Solidjs. Di sini saya ingin mengirimkan dan mengambil data secara otomatis dari google sheet Saya menggunakan Astro, dan menjalankan SolidJS sebagai komponen. Komponen yang saya buat ini digunakan untuk menangani pengiriman salam/komentar untuk undangan web. Disini saya dibantu oleh ChatGPT untuk membuat coding JS yang solid. Berikut cara

mrfdn.com – Mungkin Anda punya beberapa teman yang menggunakan Hugo sebagai platform blogging. Dan blog tersebut juga menampilkan iklan adsense. Kali ini saya ingin berbagi cara menampilkan iklan di paragraf Hugo. Baris iklan akan muncul setiap beberapa paragraf. Iklan akan otomatis ditampilkan dalam file html, tidak ditampilkan sebagai javascript. Tanpa basa-basi lagi, berikut cara menampilkan