Laravel News

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="csrf-token" content="nwlEijlqyGnRq5ewj2GRL0KYvQRB2hlfRhMw4Ptp"/> <title>Laravel News</title> <meta name="description" content="Laravel News is the official blog of Laravel. Every day bringing you the latest news, tutorials, and packages for the framework." /> <meta property="og:type" content="website"/> <meta property="og:title" content="Laravel News"/> <meta property="og:description" content="Laravel News is the official blog of Laravel. Every day bringing you the latest news, tutorials, and packages for the framework." /> <meta property="og:type" content="website"/> <meta property="og:title" content="Laravel News"/> <meta property="og:image" content="https://picperf.io/https://laravel-news.com/images/laravelnews-og.png" /> <meta property="og:description" content="Laravel News is the official blog of Laravel. Every day bringing you the latest news, tutorials, and packages for the framework." /> <meta property="og:url" content="https://laravel-news.com"/> <meta property="og:site_name" content="Laravel News"/> <meta property="og:locale" content="en_US"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@laravelnews"/> <meta name="twitter:title" content="Laravel News"/> <meta property="twitter:image" content="https://picperf.io/https://laravel-news.com/images/laravelnews-og.png" /> <meta name="twitter:description" content="Every day bringing you the latest news, tutorials, and packages for the Laravel framework." /> <link href="https://laravel-news.com" rel="canonical"/> <link href="https://laravel-news.com/" rel="home"/> <link rel="alternate" type="application/rss+xml" title="Laravel News » Feed" href="https://feed.laravel-news.com/" /> <link rel="alternate" title="Laravel News Feed" type="application/json" href="https://laravel-news.com/feed/json" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/> <link rel="manifest" href="/site.webmanifest"/> <meta property="fb:admins" content="100007722642618"/> <meta property="fb:app_id" content="440569919467159"/> <link rel="preconnect" href="https://use.typekit.net"/> <link rel="stylesheet" href="https://use.typekit.net/ltt3ltm.css"/> <link rel="preconnect" href="https://fonts.bunny.net"/> <link href="https://fonts.bunny.net/css?family=jetbrains-mono:400,400i" rel="stylesheet"/> <script src="https://cdn.usefathom.com/script.js" data-site="BYASFNCM" defer></script> <meta property="fb:admins" content="100007722642618"/> <meta property="fb:app_id" content="440569919467159"/>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-LE9GHTERHJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-LE9GHTERHJ'); </script>  <script> !(function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments); }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1570328566617363'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display: none" src="https://www.facebook.com/tr?id=1570328566617363&ev=PageView&noscript=1" /> </noscript>  <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <link rel="preload" as="style" href="https://laravel-news.com/build/assets/app-cee40202.css" /><link rel="modulepreload" href="https://laravel-news.com/build/assets/app-83314634.js" /><link rel="stylesheet" href="https://laravel-news.com/build/assets/app-cee40202.css" data-navigate-track="reload" /><script type="module" src="https://laravel-news.com/build/assets/app-83314634.js" data-navigate-track="reload"></script> <style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> </head> <body class="antialised min-h-screen bg-white font-sans text-black"> <div x-persist="header"> <header x-data="{ mobileMenuIsOpen: false, searchModalIsOpen: false, init() { document.addEventListener('livewire:navigating', () => { this.mobileMenuIsOpen = false; this.searchModalIsOpen = false; }); }, }" class="absolute inset-x-0 top-0 z-10" > <div class="flex items-center justify-center bg-red-600 p-2 text-center text-sm text-white"> <div wire:snapshot="{"data":[],"memo":{"id":"xHyABmsIJoLyopUeJ5VH","name":"components.top-ad","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"8654e19528c622365972bc9e5c6d5297fdbddb6a4386663c0e1c2d1caf53befb"}" wire:effects="[]" wire:id="xHyABmsIJoLyopUeJ5VH">  <p onclick="fathom.trackGoal('UPKMRAIG', 0);"> <a href="https://laravel-idea.com/?utm_source=laravel-news&utm_medium=cpm&utm_campaign=top-banner_gold-partner">Laravel Idea for PhpStorm</a> - Full-featured IDE for productive artisans! </p>  </div> </div> <div class="mx-auto flex w-full max-w-7xl items-center justify-between gap-4 px-6 py-6 md:gap-8 md:py-10" > <div class="xl:gap-18 flex items-center gap-16"> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 hover:-translate-y-1 hover:opacity-70 focus-visible:ring-offset-2" href="/" wire:navigate.hover > <img class="lg:h-18 lg:w-18 h-12 w-12 sm:h-16 sm:w-16" width="87" height="86" src="https://picperf.io/https://laravel-news.com/images/logo.svg" alt="Laravel News" /> <span class="sr-only">Laravel News</span> </a> <div class="hidden items-center gap-4 sm:flex md:gap-8"> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/blog" wire:navigate.hover > Blog </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/category/tutorials" wire:navigate.hover > Tutorials </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/category/packages" wire:navigate.hover > Packages </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 !hidden p-1 font-bold hover:text-gray-600 md:!inline-flex" href="/newsletter" wire:navigate.hover > Newsletter </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 !hidden p-1 font-bold hover:text-gray-600 md:!inline-flex" href="https://podcast.laravel-news.com/" > Podcast </a> </div> </div> <div class="xl:gap-18 flex items-center gap-16"> <div class="hidden items-center gap-4 md:gap-8 lg:flex"> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/partners" wire:navigate.hover > Partners </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/links" wire:navigate.hover > Links </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/login" wire:navigate.hover > Your Account </a> </div> <div class="-mr-1 flex items-center gap-2"> <button class="inline-flex rounded-sm p-1 leading-none text-black transition duration-300 hover:text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 focus-visible:ring-offset-4 focus-visible:ring-offset-white" @click.prevent="searchModalIsOpen = true" > <img src="https://picperf.io/https://laravel-news.com/images/icons/search.svg" class="h-6 w-6" alt="Search" /> <span class="sr-only">Search</span> </button> <button class="inline-flex rounded-sm p-1 leading-none text-black transition duration-300 hover:text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 focus-visible:ring-offset-4 focus-visible:ring-offset-white lg:hidden" @click.prevent="mobileMenuIsOpen = true" > <img src="https://picperf.io/https://laravel-news.com/images/icons/menu.svg" class="h-6 w-6" alt="Menu" /> <span class="sr-only">Menu</span> </button> </div> </div> </div> <template x-teleport="body"> <div x-dialog x-model="mobileMenuIsOpen" x-cloak class="fixed inset-0 z-50 overflow-hidden lg:hidden" > <div x-dialog:overlay x-transition.opacity class="fixed inset-0 bg-black/50"></div> <div class="fixed inset-y-0 right-0 w-full max-w-lg"> <div x-dialog:panel x-transition:enter="transition duration-300 ease-out" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition duration-300 ease-in" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="h-full w-full" > <div class="flex h-full flex-col justify-between overflow-y-auto bg-white shadow-card" > <div class="p-6 md:p-10"> <div class="flex items-center justify-between"> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 hover:-translate-y-1 hover:opacity-70 focus-visible:ring-offset-2" href="/" wire:navigate.hover > <img class="h-12 w-12 sm:h-16 sm:w-16" width="87" height="86" src="https://picperf.io/https://laravel-news.com/images/logo.svg" alt="Laravel News" /> <h2 x-dialog:title class="sr-only">Laravel News</h2> </a> <button type="button" @click="$dialog.close()" class="rounded-sm p-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 focus-visible:ring-offset-4" > <span class="sr-only">Close menu</span> <img src="https://picperf.io/https://laravel-news.com/images/icons/close.svg" class="h-6 w-6" alt="Close menu" /> </button> </div> <div class="-mx-1 mt-12 flex flex-col gap-4"> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 hover:text-gray-600" href="/blog" wire:navigate.hover > Blog </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 hover:text-gray-600" href="/category/tutorials" wire:navigate.hover > Tutorials </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 hover:text-gray-600" href="/category/packages" wire:navigate.hover > Packages </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 hover:text-gray-600" href="https://podcast.laravel-news.com/" > Podcast </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 hover:text-gray-600" href="/newsletter" wire:navigate.hover > Newsletter </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 hover:text-gray-600" href="/links" wire:navigate.hover > Community Links </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 hover:text-gray-600" href="/partners" wire:navigate.hover > Partners </a> <div class="px-1 py-3"> <hr class="border-gray-600/30" /> </div> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 hover:text-gray-600" href="/login" wire:navigate.hover > Your Account </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 hover:text-gray-600" href="/advertising" wire:navigate.hover > Advertising </a> </div> </div> </div> </div> </div> </div> </template> <template x-teleport="body"> <div x-data="{ initialized: false, init() { $watch('searchModalIsOpen', (value) => { if (! this.initialized) { search.start(); this.initialized = true; } if (value) { setTimeout(() => { this.$el.querySelector('input').focus(); }, 100); } }); }, }" x-dialog x-model="searchModalIsOpen" x-cloak class="fixed inset-0 z-10" @keydown.slash.meta.window="searchModalIsOpen = !searchModalIsOpen" @keydown.k.meta.window="searchModalIsOpen = !searchModalIsOpen" @keydown.escape.window="searchModalIsOpen = false" > <div x-dialog:overlay x-transition.opacity class="fixed inset-0 bg-black/60 backdrop-blur-sm" ></div> <div class="relative flex min-h-screen items-center justify-center p-4"> <div x-dialog:panel x-transition.opacity.duration.400ms class="relative h-[88vh] w-full max-w-3xl overflow-y-auto rounded-lg border border-gray-100 bg-white shadow-card" > <div class="p-6 lg:p-12"> <div class="flex items-center justify-between gap-4"> <h2 x-dialog:title class="text-2xl font-bold">Search Articles</h2> <button type="button" @click="$dialog.close()" class="rounded-sm p-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 focus-visible:ring-offset-4" > <span class="sr-only">Close search</span> <img src="https://picperf.io/https://laravel-news.com/images/icons/close.svg" class="h-6 w-6" alt="Close menu" /> </button> </div> <div class="ais-InstantSearch mt-10"> <div id="searchbox"></div> <div id="hits"></div> <div class="mt-1 border-gray-200 border-t"> <p class="mt-4"> Or try <a href="/search" class="focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 font-bold text-red-600 hover:text-red-700"> paginated search → </a> </p> </div> </div> </div> </div> </div> </div> </template> </header> </div> <div> <div wire:snapshot="{"data":[],"memo":{"id":"dHYXitFCYJLQkWm0SBeb","name":"homepage","path":"\/","method":"GET","children":{"lw-10060838-0":["div","6MPYaTgKxcMz0BqEevod"],"lw-10060838-1":["div","0XwN0TW8QEi3IRLXtdgt"],"lw-10060838-2":["section","TiUPANgTTRtR1PbZZSbN"],"lw-4166517266-0":["div","1uBbo9YCPKM8IhoruEE0"],"lw-10060838-3":["section","5QTAfSavrEYRYKkgcDZ4"],"lw-10060838-4":["div","e70CBRjYfuAyIDL5oA3d"],"lw-10060838-5":["section","nxGO1SHrjfmsxLIssYPw"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"ca294fc3e8acfaf3cfbf1fba9733393aa83c2bd6d6ce5afc8f85d0618e77c68a"}" wire:effects="[]" wire:id="dHYXitFCYJLQkWm0SBeb"> <link rel="preload" fetchpriority="high" as="image" href="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/whatsnewphp84.png" /> <section class="relative bg-gradient-to-r from-gray-100 to-white"> <div class="h-[160px] sm:h-[148px] md:h-[180px]"></div> <div class="absolute inset-x-0 bottom-0 h-12 w-full bg-white"></div> <div class="lg:max-w-7xl lg:grid-cols-2 items-end relative mx-auto grid w-full max-w-2xl gap-x-16 gap-y-12 px-6 pt-10" > <div> <h1 class="text-5xl font-bold sm:text-6xl">Laravel News</h1> <p class="mt-4 text-gray-600"> Join the Laravel Newsletter and never miss out on any Laravel News </p> <div class="relative mt-12 overflow-hidden rounded-lg border border-gray-100 bg-white p-8 shadow-card" > <span class="absolute inset-y-0 left-0 w-1 bg-red-600"></span> <div wire:snapshot="{"data":{"email":null,"submitted":false,"failed":false,"location":"home_header"},"memo":{"id":"6MPYaTgKxcMz0BqEevod","name":"newsletter-signup","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"b5f9eaa1152d3487c554b3a72fb4b2f1372983f472b0194153f68d521bf55d64"}" wire:effects="[]" wire:id="6MPYaTgKxcMz0BqEevod"> <form wire:submit="submit"> <div class="flex w-full flex-wrap items-stretch gap-4"> <label class="relative flex min-w-[240px] flex-1 items-center bg-white"> <span class="sr-only">Email</span> <img src="https://picperf.io/https://laravel-news.com/images/icons/newsletter.svg" alt="Newsletter icon" class="pointer-events-none absolute left-3 top-3" /> <input wire:model="email" type="text" class="w-full rounded-lg border-gray-100 bg-transparent px-12 py-3 text-gray-600 placeholder-gray-600/50 transition focus:border-gray-100 focus:bg-gray-100/40 focus:outline-none focus:ring-2 focus:ring-red-600/80 focus:ring-offset-2" placeholder="Email" /> </label> <button type="submit" class="inline-flex items-center justify-center leading-none bg-red-600 border border-transparent rounded-lg font-bold text-base text-white hover:bg-red-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 focus-visible:ring-offset-2 disabled:bg-red-600/50 disabled:cursor-not-allowed transition ease-in-out duration-300 px-6 py-4" > Join free </button> </div> </form> </div> </div> </div> <div wire:snapshot="{"data":[],"memo":{"id":"0XwN0TW8QEi3IRLXtdgt","name":"components.larajobs-card","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"b8d1a4396d986480f3d59cbfb38d64c13e9ddeb6a8ac629f786845c2c6f68a43"}" wire:effects="[]" wire:id="0XwN0TW8QEi3IRLXtdgt" class="relative flex justify-between rounded-lg bg-white border border-gray-100 shadow-card"> <img delay="0" class="absolute left-0 top-3 -translate-x-1/2" x-data="{ initializeAnimation: false, init() { setTimeout(() => { this.initializeAnimation = true; }, 0); }, }" :class="initializeAnimation ? 'animate-cube' : ''" src="https://picperf.io/https://laravel-news.com/images/cube.svg" alt="Cube" /> <div class="px-8 py-12 lg:p-12"> <h2 class="text-3xl font-bold">Laravel Jobs</h2> <p class="mt-2 text-gray-600">Explore hundreds of open positions today.</p> <a href="https://larajobs.com" class="mt-6 inline-flex items-center px-6 py-4 leading-none bg-black border border-transparent rounded-lg font-bold text-base text-white hover:bg-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 focus-visible:ring-offset-2 transition ease-in-out duration-300"> View all jobs </a> </div> <div class="hidden flex-col gap-1 overflow-hidden py-2 sm:flex relative"> <div class="w-56 translate-x-6 rounded-lg border border-gray-100 px-4 py-3 text-xs font-bold shadow-sm truncate" > <a href="https://larajobs.com/job/3443?ref=laravelnews&utm_source=laravelnews&utm_medium=referral"> Tech Lead Manager, Core Products </a> </div> <div class="w-56 translate-x-6 rounded-lg border border-gray-100 px-4 py-3 text-xs font-bold shadow-sm truncate" > <a href="https://larajobs.com/job/3444?ref=laravelnews&utm_source=laravelnews&utm_medium=referral"> Lead Full Stack Developer </a> </div> <div class="w-56 translate-x-6 rounded-lg border border-gray-100 px-4 py-3 text-xs font-bold shadow-sm truncate" > <a href="https://larajobs.com/job/3445?ref=laravelnews&utm_source=laravelnews&utm_medium=referral"> Sr Angular & Laravel Developer </a> </div> <div class="w-56 translate-x-6 rounded-lg border border-gray-100 px-4 py-3 text-xs font-bold shadow-sm truncate" > <a href="https://larajobs.com/job/3447?ref=laravelnews&utm_source=laravelnews&utm_medium=referral"> Web Application Developer (Laravel) </a> </div> <div class="w-56 translate-x-6 rounded-lg border border-gray-100 px-4 py-3 text-xs font-bold shadow-sm truncate" > <a href="https://larajobs.com/job/3448?ref=laravelnews&utm_source=laravelnews&utm_medium=referral"> Senior Software Engineer </a> </div> </div> </div> </div> </section> <section class="mt-6 py-20"> <div class="mx-auto grid max-w-2xl items-start gap-x-16 gap-y-8 px-6 lg:max-w-7xl lg:grid-cols-2" > <div class="group relative" preload="preload"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/whatsnewphp84.png" alt="PHP 8.4 is released with Property Hooks, Class Instantiation without extra parenthesis, and more image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <div class="mt-6 flex items-center gap-3"> <span class="inline-flex rounded-full px-4 py-2 text-xs font-bold leading-4 border border-red-600 text-red-600" > News </span> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> PHP 8.4 is released with Property Hooks, Class Instantiation without extra parenthesis, and more </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/php-8-4-0" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" preload="preload"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/laravel-news-marketing.png" alt="Laravel Idea image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <div class="mt-6 flex items-center gap-3"> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 inline-flex !rounded-full px-4 py-2 text-xs font-bold leading-4 hover:opacity-80 focus-visible:ring-offset-1 border border-red-600 text-red-600" href="/advertising" wire:navigate.hover > Partner </a> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Laravel Idea for PhpStorm - Full-featured IDE for productive artisans </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-idea.com/?utm_source=laravel-news&utm_medium=refferal&utm_campaign=visit-to-partner" onclick="fathom.trackGoal('W6ZXNYBA', 0);" > <span class="sr-only">Read article</span> </a> </div> </div> </section> <div class="mx-auto max-w-2xl px-6 lg:max-w-7xl"> <hr class="border-gray-600/30"/> </div> <section wire:snapshot="{"data":{"except":[[3572],{"s":"arr"}],"limit":6},"memo":{"id":"TiUPANgTTRtR1PbZZSbN","name":"latest-articles-section","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"6c0ca2e845cec522898d24d8a96134b0cec9590e98e14454250af976e3c1b3c5"}" wire:effects="[]" wire:id="TiUPANgTTRtR1PbZZSbN" class="py-20"> <div class="mx-auto w-full max-w-2xl px-6 lg:max-w-7xl"> <div class="flex flex-wrap items-center justify-between gap-x-8 gap-y-3"> <h2 class="text-3xl font-bold sm:text-4xl lg:text-[40px]">The latest</h2> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 font-bold text-red-600 hover:text-red-700" href="/blog" wire:navigate.hover > View all → </a> </div> <div class="mt-12 grid gap-x-8 gap-y-12 lg:grid-cols-3"> <div class="group relative" wire:key="latest-dynamic-mailer-configuration-in-laravel-with-mailbuild"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/mail-build.png" alt="Dynamic Mailer Configuration in Laravel with Mail::build image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Dynamic Mailer Configuration in Laravel with Mail::build </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/dynamic-mailer-configuration-in-laravel-with-mailbuild" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="latest-asymmetric-property-visibility-in-php-84"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/asymmetric-property-php-84-featured.png" alt="Asymmetric Property Visibility in PHP 8.4 image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Asymmetric Property Visibility in PHP 8.4 </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/asymmetric-property-visibility-in-php-84" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="latest-laravel-pulse-json-api"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/pulse-featured.png" alt="Access Laravel Pulse Data as a JSON API image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Access Laravel Pulse Data as a JSON API </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/laravel-pulse-json-api" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="latest-laravel-forge-adds-statamic-integration"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/forge-statamic.png" alt="Laravel Forge adds Statamic Integration image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Laravel Forge adds Statamic Integration </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/laravel-forge-adds-statamic-integration" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="latest-zero-to-prod-data-model-php-package"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/data-model-featured.png" alt="Transform Data into Type-safe DTOs with this PHP Package image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Transform Data into Type-safe DTOs with this PHP Package </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/zero-to-prod-data-model-php-package" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="latest-phpxworld-the-resurgence-of-php-meet-ups-with-chris-morrell"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/phpxworld.png" alt="PHPxWorld - The resurgence of PHP meet-ups with Chris Morrell image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> PHPxWorld - The resurgence of PHP meet-ups with Chris Morrell </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/phpxworld-the-resurgence-of-php-meet-ups-with-chris-morrell" onclick="" > <span class="sr-only">Read article</span> </a> </div> </div> </div> </section> <section class="py-12"> <div class="mx-auto w-full max-w-2xl px-6 lg:max-w-7xl"> <div class="relative"> <img delay="1500" class="absolute -top-10 right-16 z-10 lg:-top-6 lg:left-1/3 lg:right-auto" x-data="{ initializeAnimation: false, init() { setTimeout(() => { this.initializeAnimation = true; }, 1500); }, }" :class="initializeAnimation ? 'animate-cube' : ''" src="https://picperf.io/https://laravel-news.com/images/cube.svg" alt="Cube" /> <div class="relative flex flex-wrap items-center justify-between gap-8 overflow-hidden rounded-lg border border-gray-100 bg-white p-8 shadow-card lg:flex-nowrap" > <span class="absolute inset-y-0 left-0 w-1 bg-red-600"></span> <div> <h2 class="text-2xl font-bold sm:text-3xl">Laravel Newsletter</h2> <p class="mt-1 text-gray-600"> Join 40k+ other developers and never miss out on new tips, tutorials, and more. </p> </div> <div class="lg:shrink-0"> <div wire:snapshot="{"data":{"email":null,"submitted":false,"failed":false,"location":"home_center"},"memo":{"id":"1uBbo9YCPKM8IhoruEE0","name":"newsletter-signup","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"180995f50309131ef0370691cbba16962493014e29a9abe747f08a1b2cca8848"}" wire:effects="[]" wire:id="1uBbo9YCPKM8IhoruEE0"> <form wire:submit="submit"> <div class="flex w-full flex-wrap items-stretch gap-4"> <label class="relative flex min-w-[240px] flex-1 items-center bg-white"> <span class="sr-only">Email</span> <img src="https://picperf.io/https://laravel-news.com/images/icons/newsletter.svg" alt="Newsletter icon" class="pointer-events-none absolute left-3 top-3" /> <input wire:model="email" type="text" class="w-full rounded-lg border-gray-100 bg-transparent px-12 py-3 text-gray-600 placeholder-gray-600/50 transition focus:border-gray-100 focus:bg-gray-100/40 focus:outline-none focus:ring-2 focus:ring-red-600/80 focus:ring-offset-2" placeholder="Email" /> </label> <button type="submit" class="inline-flex items-center justify-center leading-none bg-red-600 border border-transparent rounded-lg font-bold text-base text-white hover:bg-red-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 focus-visible:ring-offset-2 disabled:bg-red-600/50 disabled:cursor-not-allowed transition ease-in-out duration-300 px-6 py-4" > Join free </button> </div> </form> </div> </div> </div> </div> </div> </section> <section wire:snapshot="{"data":[],"memo":{"id":"5QTAfSavrEYRYKkgcDZ4","name":"trending-articles-section","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"211306faef5094f7b0192ae1a54d387a37ce0e9b6e63ad7b4c84714d1806fc10"}" wire:effects="[]" wire:id="5QTAfSavrEYRYKkgcDZ4" class="py-20"> <div class="mx-auto w-full max-w-2xl px-6 lg:max-w-7xl"> <div class="flex flex-wrap items-center justify-between gap-x-8 gap-y-3"> <h2 class="text-3xl font-bold sm:text-4xl lg:text-[40px]">Most Read</h2> </div> <div class="mt-12 grid gap-x-8 gap-y-12 lg:grid-cols-3"> <div class="group relative" wire:key="latest-asymmetric-property-visibility-in-php-84"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/asymmetric-property-php-84-featured.png" alt="Asymmetric Property Visibility in PHP 8.4 image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Asymmetric Property Visibility in PHP 8.4 </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/asymmetric-property-visibility-in-php-84" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="latest-php-8-4-0"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/whatsnewphp84.png" alt="PHP 8.4 is released with Property Hooks, Class Instantiation without extra parenthesis, and more image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> PHP 8.4 is released with Property Hooks, Class Instantiation without extra parenthesis, and more </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/php-8-4-0" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="latest-zero-to-prod-data-model-php-package"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/data-model-featured.png" alt="Transform Data into Type-safe DTOs with this PHP Package image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Transform Data into Type-safe DTOs with this PHP Package </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/zero-to-prod-data-model-php-package" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="latest-laravel-forge-adds-statamic-integration"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/forge-statamic.png" alt="Laravel Forge adds Statamic Integration image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Laravel Forge adds Statamic Integration </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/laravel-forge-adds-statamic-integration" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="latest-laravel-11-31-0"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/laravel11.jpeg" alt="Dynamic Cache, Database, and Mail Builders in Laravel 11.31 image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Dynamic Cache, Database, and Mail Builders in Laravel 11.31 </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/laravel-11-31-0" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="latest-phpstan-2-0"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/phpstan-2-0-0-featured.jpg" alt="PHPStan 2.0 is Here image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> PHPStan 2.0 is Here </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/phpstan-2-0" onclick="" > <span class="sr-only">Read article</span> </a> </div> </div> </div> </section> <section class="py-32"> <div class="mx-auto w-full max-w-2xl px-6 lg:max-w-7xl"> <div class="flex flex-wrap items-center justify-between gap-x-8 gap-y-3"> <h2 class="text-3xl font-bold sm:text-4xl lg:text-[40px]">Laravel Videos</h2> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 font-bold text-red-600 hover:text-red-700" href="https://youtube.com/laravelnews" > View all → </a> </div> <div> <div wire:snapshot="{"data":[],"memo":{"id":"e70CBRjYfuAyIDL5oA3d","name":"components.youtube","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"09d49ee62be548d91313b165ef6038ff01d14dbbba9b4698f20f4ad56882aa0c"}" wire:effects="[]" wire:id="e70CBRjYfuAyIDL5oA3d" class="mt-12 grid gap-x-8 gap-y-12 lg:grid-cols-3"> <div class="group relative"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <iframe class="h-full w-full rounded-lg object-cover" src="https://www.youtube.com/embed/waALhK3jQEE?si=p3kv3_116MFHCqa5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> PHP×World </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.youtube.com/watch?v=waALhK3jQEE" > <span class="sr-only">Watch Video</span> </a> </div> <div class="group relative"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <iframe class="h-full w-full rounded-lg object-cover" src="https://www.youtube.com/embed/rPTt93aiVj0?si=p3kv3_116MFHCqa5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> A three-week rapid recall </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.youtube.com/watch?v=rPTt93aiVj0" > <span class="sr-only">Watch Video</span> </a> </div> <div class="group relative"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <iframe class="h-full w-full rounded-lg object-cover" src="https://www.youtube.com/embed/SPG9-Mppqs4?si=p3kv3_116MFHCqa5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> PHPxWorld - The resurgence of PHP meet-ups with Chris Morrell </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.youtube.com/watch?v=SPG9-Mppqs4" > <span class="sr-only">Watch Video</span> </a> </div> <div class="group relative"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <iframe class="h-full w-full rounded-lg object-cover" src="https://www.youtube.com/embed/q6z2gNlF54o?si=p3kv3_116MFHCqa5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Securing Laravel Applications with Stephen Rees-Carter </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.youtube.com/watch?v=q6z2gNlF54o" > <span class="sr-only">Watch Video</span> </a> </div> <div class="group relative"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <iframe class="h-full w-full rounded-lg object-cover" src="https://www.youtube.com/embed/kP8vO09nxas?si=p3kv3_116MFHCqa5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> How to Create Tech Videos for YouTube with Josh Cirre </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.youtube.com/watch?v=kP8vO09nxas" > <span class="sr-only">Watch Video</span> </a> </div> <div class="group relative"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <iframe class="h-full w-full rounded-lg object-cover" src="https://www.youtube.com/embed/pdcD0EPj2Jc?si=p3kv3_116MFHCqa5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Laracon AU with Michael Dyrynda </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.youtube.com/watch?v=pdcD0EPj2Jc" > <span class="sr-only">Watch Video</span> </a> </div> </div> </livewire:components.youtube> </div> </div> </section> <section wire:snapshot="{"data":{"limited":false,"levels":[["silver","bronze"],{"s":"arr"}],"random":true},"memo":{"id":"nxGO1SHrjfmsxLIssYPw","name":"partners-section","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"d407a7f2ab685e2b34835f0dde580d5a5c6fe8222487d35671c325b83b0b19a4"}" wire:effects="[]" wire:id="nxGO1SHrjfmsxLIssYPw" class="bg-gradient-to-r from-gray-100 to-white py-24 sm:py-32"> <div class="mx-auto w-full max-w-2xl px-6 lg:max-w-7xl"> <div class="flex flex-wrap items-center justify-between gap-x-8 gap-y-3"> <h2 class="text-3xl font-bold sm:text-4xl lg:text-[40px]"> <a href="/partners" class="hover:text-red-600">Partners</a> </h2> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 font-bold text-red-600 hover:text-red-700" href="/partners" wire:navigate.hover > View all → </a> </div> <div class="mt-12 grid gap-8 md:mt-16 md:grid-cols-2 lg:grid-cols-3"> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-7" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/laravel-shift-logo.svg" alt="Shift logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Shift </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Running an old Laravel version? Instant, automated Laravel upgrades and code modernization to keep your applications fresh.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravelshift.com/" target="_blank" > <span class="sr-only">Shift</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-50" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/mongodb.png" alt="MongoDB logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> MongoDB </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Enhance your PHP applications with the powerful integration of MongoDB and Laravel, empowering developers to build applications with ease and efficiency. Support transactional, search, analytics and mobile use cases while using the familiar Eloquent APIs. Discover how MongoDB's flexible, modern database can transform your Laravel applications. </p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.mongodb.com/developer/languages/php/laravel-mongodb-tutorial/?utm_source=ln" target="_blank" > <span class="sr-only">MongoDB</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-48" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/qMZ85wCJw4QwTO8pF4Mo2UOUz94WgASnQRKCWB3e.png" alt="SaaSykit: Laravel SaaS Starter Kit logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> SaaSykit: Laravel SaaS Starter Kit </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">SaaSykit is a Multi-tenant Laravel SaaS Starter Kit that comes with all features required to run a modern SaaS. Payments, Beautiful Checkout, Admin Panel, User dashboard, Auth, Ready Components, Stats, Blog, Docs and more. </p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://saasykit.com/?utm_campaign=laravel&utm_source=laravelnews" target="_blank" > <span class="sr-only">SaaSykit: Laravel SaaS Starter Kit</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-6" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/ringcentral-1629162944.png" alt="RingCentral logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> RingCentral </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Voice, messaging, meetings, and more at one low monthly price</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://developers.ringcentral.com/" target="_blank" > <span class="sr-only">RingCentral</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-14" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/inspector-logo.jpg" alt="Inspector logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Inspector </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Inspector is an AI bugfixer capable of detecting and resolving software anomalies in real time, without the need for developer intervention. It offers the possibility to cut development costs by up to 50%.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.inspector.dev" target="_blank" > <span class="sr-only">Inspector</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-5" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/Kirschbaum-dark.png" alt="Kirschbaum logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Kirschbaum </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Providing innovation and stability to ensure your web application succeeds.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="http://kirschbaumdevelopment.com/" target="_blank" > <span class="sr-only">Kirschbaum</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-20" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/dreamztech.png" alt="DreamzTech logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> DreamzTech </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Hire 6-10+ Yrs. experienced skilled Laravel Developers from DreamzTech. We ensure NDA protected, 100% quality delivery. Contact Us & Discuss Your Need.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://dreamztech.com/hire-laravel-developer/?utm_source=sponsor&utm_medium=listing&utm_campaign=laravel&utm_id=700101" target="_blank" > <span class="sr-only">DreamzTech</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-4" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/ywSNgIsgJxqDrqoGIik8huIsaLmykoctKGT9jQ1c.png" alt="Honeybadger logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Honeybadger </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Simple developer-focused application monitoring for Laravel. Error tracking, log management, uptime monitoring, status pages, and more!</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.honeybadger.io/for/laravel/?affiliate=vxYuzl" target="_blank" > <span class="sr-only">Honeybadger</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-11" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/curotec2.png" alt="Curotec logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Curotec </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Hire the top Latin American Laravel talent. Flexible engagements, budget optimized, and quality engineering. </p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.curotec.com/services/technologies/laravel/" target="_blank" > <span class="sr-only">Curotec</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-15" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/Bacancy_logo_400x100.png" alt="Bacancy logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Bacancy </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Supercharge your project with a seasoned Laravel developer with 4-6 years of experience for just $2500/month. Get 160 hours of dedicated expertise & a risk-free 15-day trial. Schedule a call now!</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.bacancytechnology.com/hire-laravel-developer?utm_source=LaravelNews&utm_medium=sponsored&utm_campaign=Visit" target="_blank" > <span class="sr-only">Bacancy</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-44" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/recter-logo.png" alt="Rector logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Rector </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Your partner for seamless Laravel upgrades, cutting costs, and accelerating innovation for successful companies</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://getrector.com/hire-team?utm_source=laravel-news&utm_medium=partner&utm_campaign=partner" target="_blank" > <span class="sr-only">Rector</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-35" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/fxFa9g3kT44voMKDBaTtLRmkmmP4wrjBhW220Lo3.png" alt="Laradevs logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Laradevs </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Laradevs is the biggest online directory of Laravel engineers. The perfect devs with just the right skills are just a search away. Contract or perm. Message devs directly. No recruitment fees!</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laradevs.com/?ref=laravel-news-partner" target="_blank" > <span class="sr-only">Laradevs</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-59" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/CFAbsekryYFy280EbeQId9b46wQtnNzoimU3Cn8y.png" alt="ZapKit: AI-First Laravel Boilerplate logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> ZapKit: AI-First Laravel Boilerplate </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">ZapKit is an AI-first Laravel boilerplate, featuring AI tools, user authentication, subscription and blog management, deployment scripts, admin/user dashboards, and a customizable landing page with light/dark modes.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://zapkit.dev?utm_source=laravelnews&utm_medium=referral&utm_campaign=partner&utm_id=laravelnews" target="_blank" > <span class="sr-only">ZapKit: AI-First Laravel Boilerplate</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-10" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/statamic-logo.png" alt="Statamic logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Statamic </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">The drop-in ready Laravel CMS you’re been waiting for. Go full-stack or headless, flat file or database – it’s up to you.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://statamic.com/?utm_source=laravel-news&utm_medium=partner-page&utm_campaign=partner" target="_blank" > <span class="sr-only">Statamic</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-61" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/GU1zdqehviIoBnf6JYd3G216Ss7p5KoAc508nnAf.png" alt="JetShip - Laravel Starter Kit logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> JetShip - Laravel Starter Kit </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">A Laravel SaaS Boilerplate and a starter kit built on the TALL stack. It includes authentication, payments, admin panels, and more. Launch scalable apps fast with clean code, seamless deployment, and custom branding.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://demos.themeselection.com/jetship-laravel-starter-kit/?utm_source=Laravel+News&utm_medium=partner+program" target="_blank" > <span class="sr-only">JetShip - Laravel Starter Kit</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-43" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/sentry-logo.png" alt="Sentry logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Sentry </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Actionable insights to resolve Laravel performance bottlenecks and errors. Improve your monitoring workflow with a full view of releases so you can mark Laravel errors as resolved and prioritize live issues.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://sentry.io/for/laravel/?utm_source=laravelnews&utm_medium=paid-community&utm_campaign=backend-fy25q1-laravel&utm_content=logo-beboilerplate-getsentry" target="_blank" > <span class="sr-only">Sentry</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-57" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/A2KezensfUKVwL042ETDnMhsTrBzxrVjRhaOpuft.png" alt="Supercharge Your SaaS Development with FilamentFlow: The Ultimate Laravel Filament Boilerplate logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Supercharge Your SaaS Development with FilamentFlow: The Ultimate Laravel Filament Boilerplate </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Build your SaaS application in hours. Out-of-the-box multi-tenancy and seamless Stripe integration. Supports subscriptions and one-time purchases, allowing you to focus on building and creating without repetitive setup tasks.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://filamentflow.io?utm_source=laravel_news&utm_medium=link" target="_blank" > <span class="sr-only">Supercharge Your SaaS Development with FilamentFlow: The Ultimate Laravel Filament Boilerplate</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-29" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/L6HspFVVePlnEOvODrwyZLd7HvDOispPhJiph143.png" alt="Securing Laravel logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Securing Laravel </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">The essential security resource for Laravel devs, covering everything you need to keep your apps secure. Sign up to receive weekly security tips and monthly in depth articles, diving deep into security concepts you need to know!</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://securinglaravel.com/" target="_blank" > <span class="sr-only">Securing Laravel</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-19" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/buzzvel-trans.png" alt="Buzzvel logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Buzzvel </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">A Portuguese software design and engineering company with more than 20 specialists in Laravel. We provide mobile and web solutions for partners ranging from startups to companies from the most prestigious brands and business areas.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://buzzvel.com/?utm_source=laravel-news&utm_medium=logo&utm_campaign=laravel-news" target="_blank" > <span class="sr-only">Buzzvel</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-18" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/OdrDKurHLQnmj2zRVtckusn2tKNKSggWARoe6nZ4.png" alt="Lucky Media logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Lucky Media </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Get Lucky Now - the ideal choice for Laravel Development, with over a decade of experience!</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://www.luckymedia.dev/?utm_campaign=sponsor&utm_source=laravelnews&utm_medium=web" target="_blank" > <span class="sr-only">Lucky Media</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-52" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/7I13LLvqqMkTh63XhVdMBp0B59w2Pt3ZFPc6wsZV.png" alt="Boost your channel and buy YouTube views from SidesMedia logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Boost your channel and buy YouTube views from SidesMedia </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">SidesMedia offer solutions to help grow your Social Media on all major platforms, they are well known for services like buying YouTube views, subscribers and even TikTok followers. They offer instant delivery from real accounts.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://sidesmedia.com/buy-youtube-views/" target="_blank" > <span class="sr-only">Boost your channel and buy YouTube views from SidesMedia</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-12" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/harpoon-logo-laravel-news-title-partnership.png" alt="Harpoon: Next generation time tracking and invoicing logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Harpoon: Next generation time tracking and invoicing </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">The next generation time-tracking and billing software that helps your agency plan and forecast a profitable future.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://harpoonapp.com/?utm_source=laravel-news&utm_medium=banner&utm_campaign=title-partner" target="_blank" > <span class="sr-only">Harpoon: Next generation time tracking and invoicing</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-47" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/xt2MLKgYLCqRq4l9GZckzOGTk4O5uvtfHvnIUXVV.png" alt="Larafast: Laravel SaaS Starter Kit logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Larafast: Laravel SaaS Starter Kit </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Larafast is a Laravel SaaS Starter Kit with ready-to-go features for Payments, Auth, Admin, Blog, SEO, and beautiful themes. Available with Vue and Livewire stacks.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://larafast.com?ref=laravelnews&utm_source=partners" target="_blank" > <span class="sr-only">Larafast: Laravel SaaS Starter Kit</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-39" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/B9rIIsOjbIhm4u40yxEUSMVF7eCPJ6XisqanU9Qk.png" alt="Celebian logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Celebian </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Celebian is a social media marketing agency specializing in helping their clients go viral on TikTok. Whether you're looking to reach a bigger audience or gain more Tiktok followers, likes, and views, they've got you covered.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://celebian.com" target="_blank" > <span class="sr-only">Celebian</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-21" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/ih2xiWKvq3gsqNmsMu03Y7flicLy8nnwjOHL6H1K.png" alt="Lunar: Laravel E-Commerce logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Lunar: Laravel E-Commerce </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">E-Commerce for Laravel. An open-source package that brings the power of modern headless e-commerce functionality to Laravel.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://lunarphp.io" target="_blank" > <span class="sr-only">Lunar: Laravel E-Commerce</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-3" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logo-devsquad.png" alt="DevSquad logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> DevSquad </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Elite software developers on demand. The smartest possible way to acquire a high-performing distributed team.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://devsquad.com/?utm_source=laravel-news&utm_medium=cpc&utm_campaign=laravelnews-sponser" target="_blank" > <span class="sr-only">DevSquad</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-8" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/tighten-partner.png" alt="Tighten logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Tighten </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">We help companies turn great ideas into amazing apps, products, and services.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://tighten.com/?utm_source=laravelnews&utm_medium=Banner&utm_campaign=laravelnewspartners&utm_content=Title%20Partner&ref=laravelnewspartners" target="_blank" > <span class="sr-only">Tighten</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-45" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/larajobs-logo.png" alt="LaraJobs logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> LaraJobs </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">The official Laravel job board</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://larajobs.com/" target="_blank" > <span class="sr-only">LaraJobs</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-40" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/1TYASGiILzePsq8T2k1vO5y1zmrX2bwKASe9Ykd9.jpg" alt="Blastup logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Blastup </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Blastup provides social media enhancement services including buying Instagram likes, followers, and views, with features like instant delivery and a variety of packages to suit different needs.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://blastup.com/" target="_blank" > <span class="sr-only">Blastup</span> </a> </div> <div class="group relative bg-white rounded-lg shadow-card border border-gray-100 p-8 w-full shrink-0 lg:p-12" wire:key="partner-51" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/partners/logos/j3wcw4gW2ZQie4Y3rDODhogMpgUTVdUxmCSjMfNC.svg" alt="Canary: Comprehensive Web Monitoring logo" class="h-10 object-contain object-left-top transition group-hover:opacity-80" height="40" width="300px" loading="lazy" /> <h3 class="sr-only"> Canary: Comprehensive Web Monitoring </h3> <p class="mt-6 text-gray-600 group-hover:opacity-80">Canary provides comprehensive website monitoring. Use discount code LaravelNews to get 50% off when subscribing.</p> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://getcanary.net/?utm_source=laravelnews&utm_medium=referral&utm_campaign=ln_partner" target="_blank" > <span class="sr-only">Canary: Comprehensive Web Monitoring</span> </a> </div> </div> </div> </section> <section class="py-32"> <div class="mx-auto w-full max-w-2xl px-6 lg:max-w-7xl"> <div class="flex flex-wrap items-center justify-between gap-x-8 gap-y-3"> <h2 class="text-3xl font-bold sm:text-4xl lg:text-[40px]">Tutorials</h2> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 font-bold text-red-600 hover:text-red-700" href="/category/tutorials" wire:navigate.hover > View all → </a> </div> <div class="mt-12 grid gap-x-8 gap-y-12 lg:grid-cols-3"> <div class="group relative" wire:key="tutorial-dynamic-mailer-configuration-in-laravel-with-mailbuild"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/mail-build.png" alt="Dynamic Mailer Configuration in Laravel with Mail::build image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Dynamic Mailer Configuration in Laravel with Mail::build </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/dynamic-mailer-configuration-in-laravel-with-mailbuild" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="tutorial-laravel-pagination"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/laravel-pagination.png" alt="A Guide to Pagination in Laravel image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> A Guide to Pagination in Laravel </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/laravel-pagination" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="tutorial-creating-a-cli-app-with-laravel-and-docker"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/docker.png" alt="Creating a CLI Application With Laravel and Docker image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Creating a CLI Application With Laravel and Docker </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/creating-a-cli-app-with-laravel-and-docker" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="tutorial-nuxt-3-laravel-sanctum-authentication"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/sanctum.png" alt="Nuxt 3 + Laravel Sanctum Authentication: Secure Your SPA and API with Ease image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Nuxt 3 + Laravel Sanctum Authentication: Secure Your SPA and API with Ease </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/nuxt-3-laravel-sanctum-authentication" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="tutorial-always-render-api-exceptions-as-json-in-laravel"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/should-render-json-featured.png" alt="Always Render API Exceptions as JSON in Laravel image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Always Render API Exceptions as JSON in Laravel </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/always-render-api-exceptions-as-json-in-laravel" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="tutorial-split-log-levels-between-stdout-and-stderr-with-laravel"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/stderr-log-featured.png" alt="Split Log Levels Between Stdout and Stderr With Laravel image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Split Log Levels Between Stdout and Stderr With Laravel </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/split-log-levels-between-stdout-and-stderr-with-laravel" onclick="" > <span class="sr-only">Read article</span> </a> </div> </div> </div> </section> <section class="bg-gradient-to-r from-gray-100 to-white py-32"> <div class="mx-auto w-full max-w-2xl px-6 lg:max-w-7xl"> <div class="flex flex-wrap items-center justify-between gap-x-8 gap-y-3"> <h2 class="text-3xl font-bold sm:text-4xl lg:text-[40px]">Laravel Packages</h2> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 font-bold text-red-600 hover:text-red-700" href="/category/packages" wire:navigate.hover > View all → </a> </div> <div class="mt-12 grid gap-8 sm:grid-cols-2 md:mt-16 lg:grid-cols-4"> <div class="group relative" wire:key="package-laravel-pulse-json-api"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/pulse-featured.png" alt="Access Laravel Pulse Data as a JSON API image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Access Laravel Pulse Data as a JSON API </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/laravel-pulse-json-api" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="package-zero-to-prod-data-model-php-package"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/data-model-featured.png" alt="Transform Data into Type-safe DTOs with this PHP Package image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Transform Data into Type-safe DTOs with this PHP Package </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/zero-to-prod-data-model-php-package" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="package-hide-and-safeguard-emails-from-bots-in-laravel-with-muddle"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/muddle-featured.png" alt="Hide and safeguard emails from bots with the Muddle Laravel package image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Hide and safeguard emails from bots with the Muddle Laravel package </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/hide-and-safeguard-emails-from-bots-in-laravel-with-muddle" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="package-solo-for-laravel"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/solo-for-laravel-ln.jpg" alt="Run multiple CLI commands locally at once with Solo for Laravel image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Run multiple CLI commands locally at once with Solo for Laravel </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/solo-for-laravel" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="package-build-your-slide-deck-in-laravel-with-simple-slides"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/simple-slides.png" alt="Build your slide deck in Laravel with Simple Slides image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Build your slide deck in Laravel with Simple Slides </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/build-your-slide-deck-in-laravel-with-simple-slides" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="package-lazy-json-pages"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/lazy-json-pages.png" alt="Lazy JSON Pages is a JSON API Scraper for PHP image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Lazy JSON Pages is a JSON API Scraper for PHP </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/lazy-json-pages" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="package-laravel-solr"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/Laravel-Solr-LN.jpg" alt="Laravel Solr image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Laravel Solr </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/laravel-solr" onclick="" > <span class="sr-only">Read article</span> </a> </div> <div class="group relative" wire:key="package-bluesky-notification-channel-for-laravel"> <div class="aspect-[2/1] w-full rounded-lg bg-gray-100 shadow-card transition group-hover:opacity-80" > <img src="https://picperf.io/https://laravelnews.s3.amazonaws.com/featured-images/bluesky.png" alt="Bluesky notification channel for Laravel image" class="h-full w-full rounded-lg object-cover" loading="lazy" /> </div> <h3 class="mt-4 text-xl font-bold transition group-hover:text-red-600 sm:text-2xl"> Bluesky notification channel for Laravel </h3> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 absolute inset-0 !block h-full w-full !rounded-lg" href="https://laravel-news.com/bluesky-notification-channel-for-laravel" onclick="" > <span class="sr-only">Read article</span> </a> </div> </div> </div> </section> </div> </div> <div x-persist="footer"> <footer class="relative overflow-hidden py-24 sm:py-32"> <svg class="absolute bottom-0 right-0" width="603" height="419" viewBox="0 0 603 419" fill="none" xmlns="http://www.w3.org/2000/svg" > <g opacity=".2" filter="url(#filter0_f_4_553)"> <circle cx="462" cy="462" r="258" fill="#F9332B"/> </g> <defs> <filter id="filter0_f_4_553" x="0" y="0" width="924" height="924" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="102" result="effect1_foregroundBlur_4_553"/> </filter> </defs> </svg> <div class="relative mx-auto flex w-full max-w-2xl flex-col items-start justify-between gap-x-16 gap-y-12 px-6 lg:max-w-7xl lg:flex-row" > <div class="lg:w-1/2"> <h2 class="text-2xl font-bold lg:text-[28px]">Subscribe to our newsletter</h2> <div class="relative mt-10"> <img delay="1500" class="absolute -top-10 right-48 z-10" x-data="{ initializeAnimation: false, init() { setTimeout(() => { this.initializeAnimation = true; }, 1500); }, }" :class="initializeAnimation ? 'animate-cube' : ''" src="https://picperf.io/https://laravel-news.com/images/cube.svg" alt="Cube" /> <div class="relative overflow-hidden rounded-lg border border-gray-100 bg-white p-8 shadow-card" > <span class="absolute inset-y-0 left-0 w-1 bg-red-600"></span> <div wire:snapshot="{"data":{"email":null,"submitted":false,"failed":false,"location":"footer"},"memo":{"id":"RURqrNvSb1MOPUHYFVgS","name":"newsletter-signup","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"123cb12ee015ec090ae76838de24efdbbf9452658f98f3cbffc4432ab3f95580"}" wire:effects="[]" wire:id="RURqrNvSb1MOPUHYFVgS"> <form wire:submit="submit"> <div class="flex w-full flex-wrap items-stretch gap-4"> <label class="relative flex min-w-[240px] flex-1 items-center bg-white"> <span class="sr-only">Email</span> <img src="https://picperf.io/https://laravel-news.com/images/icons/newsletter.svg" alt="Newsletter icon" class="pointer-events-none absolute left-3 top-3" /> <input wire:model="email" type="text" class="w-full rounded-lg border-gray-100 bg-transparent px-12 py-3 text-gray-600 placeholder-gray-600/50 transition focus:border-gray-100 focus:bg-gray-100/40 focus:outline-none focus:ring-2 focus:ring-red-600/80 focus:ring-offset-2" placeholder="Email" /> </label> <button type="submit" class="inline-flex items-center justify-center leading-none bg-red-600 border border-transparent rounded-lg font-bold text-base text-white hover:bg-red-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 focus-visible:ring-offset-2 disabled:bg-red-600/50 disabled:cursor-not-allowed transition ease-in-out duration-300 px-6 py-4" > Join free </button> </div> </form> </div> </div> </div> <div class="mt-10 flex flex-wrap items-center gap-8"> <p class="font-bold">and follow us on</p> <div class="flex flex-wrap items-center gap-2 sm:flex-nowrap"> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 h-12 w-12 items-center justify-center !rounded-lg border border-gray-100 bg-white !shadow-sm hover:opacity-60" href="https://www.facebook.com/laravelnews" target="_blank" > <img loading="lazy" src="https://picperf.io/https://laravel-news.com/images/facebook.svg" alt="Facebook" class="h-6 w-6 object-contain" rel="nofollow" /> <span class="sr-only">Facebook</span> </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 h-12 w-12 items-center justify-center !rounded-lg border border-gray-100 bg-white !shadow-sm hover:opacity-60" href="https://instagram.com/laravelnews" > <img loading="lazy" src="https://picperf.io/https://laravel-news.com/images/instagram.svg" alt="Instagram" class="h-6 w-6 object-contain" rel="nofollow" /> <span class="sr-only">Instagram</span> </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 h-12 w-12 items-center justify-center !rounded-lg border border-gray-100 bg-white !shadow-sm hover:opacity-60" href="https://twitter.com/laravelnews" > <img loading="lazy" src="https://picperf.io/https://laravel-news.com/images/x.svg" alt="X" class="h-6 w-6 object-contain" rel="nofollow" /> <span class="sr-only">X</span> </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 h-12 w-12 items-center justify-center !rounded-lg border border-gray-100 bg-white !shadow-sm hover:opacity-60" href="https://www.linkedin.com/company/laravel-news" > <img loading="lazy" src="https://picperf.io/https://laravel-news.com/images/linkedin.svg" alt="Linkedin" class="h-6 w-6 object-contain" rel="nofollow" /> <span class="sr-only">Linkedin</span> </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 h-12 w-12 items-center justify-center !rounded-lg border border-gray-100 bg-white !shadow-sm hover:opacity-60" href="https://t.me/laravelnews" > <img loading="lazy" src="https://picperf.io/https://laravel-news.com/images/telegram.svg" alt="Telegram" class="h-6 w-6 object-contain" rel="nofollow" /> <span class="sr-only">Telegram</span> </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 h-12 w-12 items-center justify-center !rounded-lg border border-gray-100 bg-white !shadow-sm hover:opacity-60" href="https://www.youtube.com/c/Laravel-news" > <img loading="lazy" src="https://picperf.io/https://laravel-news.com/images/youtube.svg" alt="Youtube" class="h-6 w-6 object-contain" rel="nofollow" /> <span class="sr-only">Youtube</span> </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 h-12 w-12 items-center justify-center !rounded-lg border border-gray-100 bg-white !shadow-sm hover:opacity-60" href="https://www.threads.net/@laravelnews" > <img loading="lazy" src="https://picperf.io/https://laravel-news.com/images/threads.svg" alt="Threads" class="h-6 w-6 object-contain" rel="nofollow" /> <span class="sr-only">Threads</span> </a> </div> </div> </div> <div class="grid w-full max-w-sm gap-x-12 gap-y-4 sm:grid-cols-2"> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/newsletter" wire:navigate.hover > Laravel Newsletter </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/links" wire:navigate.hover > Laravel Links </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/category/packages" wire:navigate.hover > Laravel Packages </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/category/tutorials" wire:navigate.hover > Laravel Tutorials </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/events" wire:navigate.hover > Laravel Events </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="https://laravel-news.com/popular-laravel-packages" wire:navigate.hover > Popular Packages </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/tag/releases" wire:navigate.hover > Laravel Releases </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/partners" wire:navigate.hover > Partners </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/advertising" wire:navigate.hover > Advertising </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="https://larajobs.com" > Laravel Jobs </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/contact" wire:navigate.hover > Contact Us </a> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 p-1 font-bold hover:text-gray-600" href="/login" wire:navigate.hover > Your account </a> </div> </div> <div class="relative mx-auto mt-20 flex w-full max-w-2xl flex-wrap justify-between gap-x-16 gap-y-12 px-6 lg:max-w-7xl" > <p class="text-sm text-gray-600"> © 2012 - 2024 Laravel News <br/> A division of dotdev inc. </p> <p class="text-sm text-gray-600"> <a class="inline-flex rounded-sm transition duration-300 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/80 text-black hover:text-red-600" href="/about" wire:navigate.hover > Colophon / About </a> </p> </div> </footer> </div> <script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"nwlEijlqyGnRq5ewj2GRL0KYvQRB2hlfRhMw4Ptp","uri":"\/livewire\/update","progressBar":"","nonce":""};</script> </body> </html>

CINXE.COM

Laravel News