LaravelVueJs
Sanctum or Passport for a Vue app
Sanctum is the cookie and the API token. Passport is the OAuth server for a third party that brings its own client id.
LaravelVueJs
Breeze, Jetstream, and the Vue starter kit
Both packages still install. laravel new no longer offers them. The Vue starter kit already has the screens those tutorials are trying to publish.
LaravelVueJs
A sortable Laravel and Vue table
The sort column is an allow-list. The direction is asc or desc. The database orders the rows, and the existing paginator links keep the query string.
LaravelVueJs
Livewire or Inertia for a Laravel app
Livewire keeps the UI in Blade. Inertia keeps it in Vue and leaves the routes in Laravel. The starter kit you pick is the decision.
LaravelVueJs
Laravel Vite and Vue
The starter kit already runs Vite. The pieces people break are the @ alias, a secret in a VITE_ variable, and a public/hot file left on the server.
LaravelVueJs
Server-render a Laravel and Vue Inertia app
Public pages that need HTML on the first response use the SSR bundle and a process that stays up. An app that is entirely behind login can skip it.
LaravelVueJs
Laravel policies on a Vue page
A policy decides whether this user can update this post. The Vue page receives that boolean. The controller still calls authorize.
LaravelVueJs
TypeScript props on Laravel Vue pages
defineProps on the Inertia page is the type of the controller payload. A missing key fails the check on your machine, before a blank v-for in the browser.
LaravelVueJs
Laravel database notifications in Vue
A notification written to the database is a prop on the next Inertia visit. Live delivery is the Reverb guide, not a second copy of Echo.
LaravelVueJs
Typed Laravel routes in Vue with Wayfinder
Wayfinder writes a TypeScript function per controller action. The Inertia form takes that function. You do not add a second router.
LaravelVueJs
GitHub login with Laravel Socialite and Vue
The GitHub button is a normal link. The callback reads the Socialite user, finds or creates a local user, and logs that session in.
LaravelVueJs
Laravel API resources for a Vue client
A resource is the JSON shape a SPA or Nuxt reads. An Inertia page can keep passing the model. Axios sees the rows on response.data.data.
Newsletter
Get the best of Laravel & Vue, once a month.
One short email with new guides, release notes worth reading and hand-picked community links. No spam, unsubscribe any time.