When I set out to implement infinite scrolling in Livewire, I didn't think it would be this simple. It turns out that loading more records with either the click of a button or the scroll of a browser window is incredibly straightforward.
Setting up Websockets with a separate API and client can be pretty tricky. By the end of this article, you'll be able to listen for realtime events fired from your Laravel app, in Nuxt.
In this article, I want to outline as simply as possible the differences between four first-party Laravel packages – UI, Jetstream, Fortify and Breeze. All, to some extent, help you scaffold your apps (or parts of them) so you can get on with the good stuff.
For whatever reason (usually CORS), you'll need to change the host and port of your local Nuxt development server at some point.
Need to get Tailwind set up with a Vue CLI-built project? Here's a handy step by step guide.
The popular Laravel Websockets package makes it really easy to get realtime functionality working on your Laravel projects, but what happens when it's time to deploy? If you''re using Forge, this article guides you through every step of the way.
If you're using Vue/Alpine or any other JavaScript in your Laravel projects, chances are at some point you'll need to grab authenticated user information.
If you're using Alpine.js and also use a framework like Vue.js, you're probably missing computed properties right now.
While I was learning the Vue Composition API, something suddenly hit me. What about Vuex? How will I beautifully map my getters, mutations and actions like I currently do with the Options API?
If you've used Nuxt before, you're probably using the `asyncData` method in your pages to pre-fetch content from your API to be server-side rendered.