Everyone is so willing to add another unnecessary package to their project. But it’s not worth the clutter — let’s integrate ReCaptcha with a few config files. — First, let’s create the resources/js/Composables/ReCaptcha.js file which will help us load the ReCaptcha API file occasionally: 2. Create a config file (config/recaptcha.php) and add your key and secret which you’ll grab from Google (Do not forget to put these values in your .env file):

Switching from Intel to M1 was like a breeze thanks to Rosetta 2. Sometimes things are not going that smooth though. I explain how to get your local SQL data back after a brew upgrade. — If you’re still using packages remaining from your old Homebrew installation, there’s a big chance that your packages are still sitting in the old brew directories and called via Rosetta. For most of the time, this extra layer won’t cause any trouble in terms of compatibility issues or performance loss…

I was surprised to see that this wasn’t available out of the box. Thankfully there’s a 2 mins solution to the problem. — In this post I’m referring to the StackOverflow post by Jonathan Reinink, creator of Inertia. Let’s start by creating a Vue.js component named “Pagination.vue”, preferably within a folder where you put your global components — if you don’t have one, just create a “Components” folder under /resources/js/.

Default settings in Laravel 9 make automated tests wipe your local MySQL database. Learn how to fix this. — One of the advantages you get by using Laravel’s JetStream package is having built-in feature tests to check your authentication pages: Registration, profile information update, email verification, etc. Simply running the php artisan test command will execute a bunch of tests (placed in tests/Feature folder) to make you ensure that…

Creators of Vue 3’s Composition API discourage developers from using global variables. But I believe keeping your string helper functions always eligible won’t hurt. Let’s start by creating a single helpers.js file to put a couple of handy string manipulation functions. (I store this file in the/resources/js/Common path for convenience.) Now we need to modify the default /resources/app.js file (tailored to work with Laravel 9 + Inertia.js monolith) as seen below. …

Hayat ulaştığımız sonuçlar kadar, yürüttüğümüz süreçlerden de oluşur. Yani, bir dağın arkasındaki hazineye ulaşmak için yürüdüğümüz süre, belki de, dağın arkasına ulaştıktan sonra geçireceğimiz süreden daha fazladır. — Öyleyse, bu yolculuğu hangi koşullarda yaptığımız, yürürken gözümüzü nereye çevirdiğimiz, kimlerle sohbet ettiğimiz, neler öğrendiğimiz ve öğrettiğimiz de, sonunda “bulmayı umduğumuz” hazine kadar kıymetlidir; belki de daha fazlasıdır.

Küçük yaşta mutluluk duygusunu zihnimize kazırken onu tattıran kişiler ve nesnelerle birlikte işliyoruz. Eşyalar zamanla işlevini yitirse bile, körpe beynimize beraber kazındıkları duygularla birlikte anılıyorlar. — Hayatta mutluluğu ve tatmini geçmişte aramayı bırakmak ve nostalji hastalığından kurtulmak adına nihayet sattım bu canavarı birkaç ay önce. Gelgelelim, ne zaman mutsuz veya keyifsiz hissetsem kendimi Ekşi Sözlük’teki Amiga 500 başlığında bulmaya devam ediyorum, o da ayrı mesele.

Geçenlerde WordPress sitelerimden birini daha Laravel tabanlı bir yapıya aktardım. Ancak bu seferki süreç biraz zorluydu; optimize edilmemiş hâlde bulunan fotoğrafları dinamik bir şekilde, Laravel Spatie MediaLibrary kütüphanesini de kullanarak yeniden oluşturdum (responsive sürümleriyle birlikte). Her şey yolundaydı ancak tüm dosyaları sunucuya yükledikten bir süre sonra fark ettim ki, isminde…

JavaScript’te kod akışını bir işlem tamamlanana kadar duraklatmanın en basit yolunu anlatıyorum. — Bu metinde async/await konseptinin ne olduğunu açıklamayacağım; tanımını zaten Google’da arayarak bulmanız mümkün. Asıl göstermek istediğim bu ikiliyi en basit hâliyle kullanmanın yolu; çünkü bu konuda bir örnek aradığınızda karşınıza çıkanlar genellikle fazlasıyla uzun ve kafa karıştırıcı oluyor. Öyleyse kısa bir örnekle hemen başlayalım: Masaüstünüzde test.html isminde bir dosya yaratıp…