NEW We moved to laravel-vuejs.space

Build modern apps withLaravel&Vue.

Clear, up-to-date guides for the stack you love: Laravel 13 on the back end, Vue 3 on the front end, and everything in between. Written by developers, for developers.

Read the guides Join the community

Free and open source Real code you can copy 8 community channels

routes/web.phpPosts.vue

// Laravel 13 + Inertia 3
Route::get('/posts', fn () => Inertia::render('Posts', [
    'posts' => Post::latest()->paginate(),
]));

<!-- resources/js/pages/Posts.vue -->
<script setup lang="ts">
defineProps<{ posts: Paginated<Post> }>()
</script>

<template>
  <PostCard v-for="post in posts.data" :post="post" />
</template>

Starter prompt

A Laravel and Vue app, from one prompt

Laravel 13 is the back end. Vue 3 is the front end. Tick login, social login, Passport, and the screens you need.

Laravel and Vue. Always on. Inertia, a Sanctum SPA, or Nuxt in front.
Accounts. Login, social login, roles, and Passport when another product needs OAuth.
The prompt. Each tick quotes that guide, including what not to do.

Build a starter prompt

Already have an app? Paste the error or the lockfiles.

Catch the bad line in a prompt.

Cross out the bad line in yours.

Open the file with the bad line.

Run the reel. It stops on one project.

Always on

Laravel 13The back end on every prompt.

Vue 3The front end on every prompt.

How they connect

Inertia appFortify login screens included.

Sanctum SPALaravel API and a cookie login.

Nuxt siteLaravel stays the API.

Accounts

LoginSocial loginPassportWho can editRolesPostsDeploy

Laravel 13 and Vue 3.
Read /laravel-fortify-vue.md
Login, registration, and password reset.
Show the diff. Do not commit.

For your AI agent

What are you about to ask?

Copy a prompt into the AI agent you already have open. Read the article when you want the reason.

For your AI agent

Build the first app

Copies a prompt. Paste it into the AI agent you already have open.

Read the article

For your AI agent

Upload a file

Copies a prompt. Paste it into the AI agent you already have open.

Read the article

For your AI agent

Paginate a list

Copies a prompt. Paste it into the AI agent you already have open.

Read the article

For your AI agent

Deploy the app

Copies a prompt. Paste it into the AI agent you already have open.

Read the article

For your AI agent

Log in from a Vue SPA

Copies a prompt. Paste it into the AI agent you already have open.

Read the article

For your AI agent

Draft a reply with the AI SDK

Copies a prompt. Paste it into the AI agent you already have open.

Read the article

For your AI agent

Install Laravel Boost

Copies a prompt. Paste it into the AI agent you already have open.

Read the article

Since: 2019; sharing Laravel & Vue
Channels: 8; groups, pages & feeds
Guides: 160; updated for 2026
Cookies: 0; cookieless analytics, no ads

Latest

Fresh from the blog

Laravel Model::shouldBeStrict(): make silent Eloquent bugs loud

Hidden gem: one line turns dropped fields, typo'd attributes and N+1 queries into loud errors in development. Tested on Laravel 13.38.

Oct 22, 20269 min readRead

PHP critical security release: two 9.2 RCEs, update to 8.5.12, 8.4.27, 8.3.36 or 8.2.35 now

PHP 8.5.12, 8.4.27, 8.3.36 and 8.2.35 fix two critical unauthenticated remote code execution bugs (CVSS 9.2). What happened, who is exposed, and how to patch Laravel servers on Docker, Forge, Vapor, Cloud and Coolify.

Oct 21, 20267 min read

Vue 3.5 onWatcherCleanup: cancel stale requests in a live search, plus pause() and resume()

Hidden gem: onWatcherCleanup() aborts the previous keystroke's request and debounce timer before a watcher re-runs, and on unmount. With watch pause()/resume(). Tested on Vue 3.5.44.

Oct 22, 202610 min read

Laravel 13.38: no more stale reads after a write, usingWritePdo and a cache-safe /up

Laravel 13.38 adds PreventStaleDatabaseReads, Connection::usingWritePdo(), CountCrashesAsExceptions for listeners/mail/notifications and a route-cache-safe /up.

Oct 20, 20268 min read

Laravel Context: one request id on every log line and in every queued job

Hidden gem: the Context facade stamps a request id, user and route on every log line and carries them into queued jobs. Hidden values stay out of logs. Tested on Laravel 13.37.

Oct 20, 202610 min read

Laravel AI SDK 1.3: typed structured output and file limits

Laravel AI SDK 1.3 types structured responses for PHPStan, caps remote files at 100 MB and hardens file IDs. Two changes can break your app on upgrade.

Oct 20, 202612 min read

Laravel automatic eager loading: kill N+1 with one line

Hidden gem: one line in AppServiceProvider turns every forgotten with() into one batched query. 51 queries became 2 in our Laravel 13.37 test.

Oct 19, 20268 min read

This week in Laravel & Inertia: AI failure events, Oct 19, 2026

AI SDK 1.2.2/1.2.3 add failure events and wider classification, Wayfinder 0.1.23 builds without a database, and Laravel 12.70 backports fixes.

Oct 19, 202610 min read

Laravel 13.37: strict Rule::numeric(), queue filters and JPEG XL

Laravel 13.37 adds Rule::numeric(strict: true), queue:failed --queue, multi-id queue:forget, JPEG XL in the Image API, and withWhereHas column selection with a callback.

Oct 16, 20268 min read

Wayfinder + Precognition catch up with Laravel's QUERY routes

Wayfinder 0.1.22 and Precognition 2.1.1 add first-class QUERY support, so Route::query() finally works end-to-end with typed clients and live validation.

Oct 16, 20267 min read

Cache::flexible: serve stale cache while it refreshes

Hidden gem: Cache::flexible serves slightly stale data instantly and refreshes after the response. No user waits on a cache miss. Tested on Laravel 13.35.

Oct 15, 20269 min read

Laravel 13.36: validation rule builders, Vitess olap() and sticky queue flushes

Laravel 13.36 adds Rule:: builders for almost every validation rule, DB::olap() for PlanetScale, and a flag that stops queue workers sticking to the write database.

Oct 14, 202610 min read

Laravel AI SDK 1.2.1: Stop middleware for agent runs

Laravel AI SDK 1.2.1 adds Stop::when, Stop::unless and StepResult::stop() to end agent runs early. Tested stop button, token budgets and a Vue 3 + Inertia 3 UI.

Oct 20, 202613 min read

Laravel defer(): run code after the response, no queue worker

Hidden gem: Laravel's defer() runs CRM syncs, webhooks and analytics after the user gets their page. No queue worker, one line. Tested on Laravel 13.35.

Oct 12, 20269 min read

Laravel AI SDK 1.1 and 1.2: Agent Skills, tool approval, Cohere

Laravel AI SDK 1.1 and 1.2 add Agent Skills, approval for built-in tools, Cohere chat, MoveFile and OpenAI image classification. Tested code, a Vue approval prompt and upgrade notes.

Oct 12, 202616 min read

This week in Laravel & Inertia: patch releases, Oct 12, 2026

The small releases you might have missed: Inertia 2.3.29 security backports, Laravel 12.69.3 queue and S3 fixes, Inertia Laravel 3.5.1 and Boost 2.10.1 to 2.10.3.

Oct 12, 20266 min read

100 Laravel and Vue guides, by the search

One hundred short Laravel and Vue guides for the searches under an Inertia app: forms, Fortify, sessions, queues, and the AI SDK.

Oct 11, 20265 min read

Fake an AI agent in a Pest test

DraftReply::fake() returns a canned string. assertPrompted checks the note. The test does not call the provider.

Oct 11, 20261 min read

Approve an AI SDK tool before it runs

pendingApprovals means the agent stopped. Resuming that approval needs the conversation. A one-shot prompt cannot resume it.

Oct 11, 20261 min read

Continue an AI SDK conversation you own

RemembersConversations stores the thread. Check that the id belongs to the user before you continue it.

Oct 11, 20261 min read

Stream an AI SDK reply without an Inertia visit

stream() can be returned from its own route as server-sent events. It is not an Inertia form response.

Oct 11, 20261 min read

Return a structured score from the AI SDK

HasStructuredOutput defines a schema. The Vue page receives the fields you read from the response, not the provider payload.

Oct 11, 20261 min read

Use the Boost skill for Inertia Vue

Boost's inertia-vue-development skill matches the Inertia major you installed. It is not a Vue component.

Oct 11, 20261 min read

Update Laravel Boost after you upgrade

boost:update rewrites the agent guidelines for the versions you installed. Boost is not an npm package.

Oct 11, 20261 min read

Fake an HTTP call a Vue page depends on

Http::fake stubs the outbound request. The Inertia test asserts the prop. It does not call the real host.

Oct 11, 20261 min read

Point Vite HMR at localhost under Sail

Sail on WSL2 needs the HMR host set to localhost. Do not remove the kit's Vite plugins to add that block.

Oct 11, 20261 min read

Expose a Vite variable without exposing a secret

Only VITE_ keys reach import.meta.env. Vite 4+ restarts the dev server itself when .env changes. Secrets stay unprefixed.

Oct 11, 20261 min read

Log a failure without the password

Log the user id and the failure. Do not log the request body, the token, or the password.

Oct 11, 20261 min read

Commit .env.example, not .env

.env.example lists the keys with empty secrets. .env stays off the git remote. Vite only sees VITE_ keys.

Oct 11, 20261 min read

config:cache makes env() return null

After config:cache, read config('app.name'). env() outside config files returns null.

Oct 11, 20261 min read

Run migrations in the release, not in a request

php artisan migrate --force belongs in the release step. A Vue button must not be the thing that migrates production.

Oct 11, 20261 min read

Point the load balancer at /up

Laravel registers /up. A load balancer can hit it. The Vue app should not use it as a homepage.

Oct 11, 20261 min read

Install Telescope for local debugging

Telescope is a dev dependency. The default gate should not let the public open /telescope.

Oct 11, 20261 min read

Store sessions in the database

File sessions break when two servers handle the next request. database sessions follow the user.

Oct 11, 20261 min read

Keep the Inertia SSR process running

npm run build does not refresh the SSR bundle. Production needs build:ssr and a process that stays up.

Oct 11, 20261 min read

Trust proxies so HTTPS sticks

Behind one load balancer, trustProxies(at: '*') makes Laravel see HTTPS. Do not do that on a machine exposed directly.

Oct 11, 20261 min read

Format PHP with Pint before you commit

vendor/bin/pint --dirty formats the PHP you touched. It does not format Vue.

Oct 11, 20261 min read

Register routes in bootstrap/app.php

Laravel 11 and newer register routes, middleware, and the health URL in bootstrap/app.php. Do not add Http/Kernel.php back.

Oct 11, 20261 min read

Queue a broadcast instead of blocking the save

ShouldBroadcast queues the event. ShouldBroadcastNow runs it inside the request. The Vue listener is the Reverb guide.

Oct 11, 20261 min read

Broadcast a notification to a Vue page

Add broadcast to via() only after the Reverb page is in place. Do not open a second Echo client.

Oct 11, 20261 min read

Send mail and a database notification

via() can return mail and database. The Vue bell reads the database row. It does not read the mailable.

Oct 11, 20261 min read

Prune old rows on a schedule

MassPrunable deletes rows that match prunable(). Schedule model:prune. Do not point that scope at users.

Oct 11, 20261 min read

Record when a schedule last ran

schedule:list shows the next time. It does not store a last run. Write a timestamp from the command if the Vue page needs one.

Oct 11, 20261 min read

Show failed jobs to an admin

queue:failed-table stores the failure. An admin page may show the name and the time. It does not show the payload.

Oct 11, 20261 min read

queue:work in production, listen locally

queue:work is the long-running worker. queue:listen reloads your code each job and is the local command.

Oct 11, 20261 min read

Chunk a large export in a job

chunkById walks a table in a job. Do not chunk() an update, and do not do this work inside the HTTP request.

Oct 11, 20261 min read

The image max rule is kilobytes

max:2048 on a file is 2 MB. PHP can reject the upload first, and Laravel then looks like the field was empty.

Oct 11, 20261 min read

Show a private S3 file for a few minutes

temporaryUrl gives Vue a short link to a private object. Do not make the bucket public to fix an img tag.

Oct 11, 20261 min read

Fix an image 404 with storage:link

storage:link maps public/storage to storage/app/public. Laravel Cloud does not keep that symlink.

Oct 11, 20261 min read

Download a CSV from a Vue button

streamDownload writes the CSV. The button is an anchor, not an Inertia Link. cursor() keeps the memory flat.

Oct 11, 20261 min read

Put a signed URL in an email

temporarySignedRoute belongs in the mail. The Vue page opens after the signed middleware passes.

Oct 11, 20261 min read

Download a file through a signed URL

temporarySignedRoute plus the signed middleware. An Inertia Link cannot download the file. Use an anchor.

Oct 11, 20261 min read

Format money before it reaches Vue

Store integer cents. Format with Number::currency on the server and pass a string. Do not add money in JavaScript.

Oct 11, 20261 min read

Format a timestamp in the user's zone

Store UTC. Format with the user's timezone when you send the prop. Do not save local time into a timestamp column.

Oct 11, 20261 min read

Switch the app locale from Vue

Set the locale from an allow-list. A query string is not a locale until you have checked it.

Oct 11, 20261 min read

Send a Pennant flag to a Vue page

Feature::for($user)->active() becomes a boolean prop. The controller checks the same flag before it writes.

Oct 11, 20261 min read

Show an activity log on a Vue page

Log the subject and the user from the controller. Pass the latest rows as a prop. Do not log a password.

Oct 11, 20261 min read

Cache a prop and forget it on write

Cache::remember stores a public count. Forget that key when a post is created. Do not cache one user's drafts under a global key.

Oct 11, 20261 min read

Wrap a Vue save in a transaction

DB::transaction commits the post and its relations together. Redirect after the closure returns.

Oct 11, 20261 min read

Upsert rows without a per-row form

upsert writes a batch by a unique key. It skips model events, so a normal Vue form should still use create or update.

Oct 11, 20261 min read

Render simplePaginate without a last page

simplePaginate omits the total and last_page. The Vue footer uses previous and next only.

Oct 11, 20261 min read

Paginate an API resource for Vue

A resource collection of a paginator already includes links and meta. Do not paginate those rows again in Vue.

Oct 11, 20261 min read

Restore a soft-deleted row from Vue

The restore route uses withTrashed() or the binding 404s before your controller runs.

Oct 11, 20261 min read

Keep soft-deleted rows off a Vue index

SoftDeletes hides deleted rows from a normal query. Do not filter them again in Vue.

Oct 11, 20261 min read

Bind a public URL to a slug

getRouteKeyName can return slug. The column has to be unique. The title is not a key.

Oct 11, 20261 min read

Bind a Vue page to a route model

Type-hint Post $post and the URL {post} resolves the row. A missing row is a 404.

Oct 11, 20261 min read

Eager load a relation for a Vue list

with('author') loads the relation once. Reading it inside a loop is one query per row.

Oct 11, 20261 min read

Order a cursor page by id

cursorPaginate needs a unique order. id is unique. A duplicated published_at skips and repeats rows.

Oct 11, 20261 min read

Search one column from a Vue field

when() adds a like query only when the search box is not empty. Bind the word. Do not paste it into SQL.

Oct 11, 20261 min read

Let a missing Vue page 404

A missing post already 404s through route model binding. Do not build a second Inertia error page for it.

Oct 11, 20261 min read

Reject a Vue form that edited a stale row

Send updated_at with the form and compare it before you write. Do not use HTTP 409 for that.

Oct 11, 20261 min read

Read an Inertia 409 after deploy

Inertia uses 409 when the asset version changed. The client reloads. It is not a validation error.

Oct 11, 20261 min read

Flash an error toast in Vue

The kit's toast reads flash.toast. An error uses the same array with type error. with() does not reach it.

Oct 11, 20261 min read

Gate a Vue index with viewAny

viewAny takes the model class, not a row. Call it on the index before you paginate.

Oct 11, 20261 min read

Put a permission on the route

role and permission middleware refuse the request. The Vue page only receives a boolean it can show.

Oct 11, 20261 min read

Hide a Vue button with a gate

Share the gate as a boolean. The controller still calls authorize on the POST.

Oct 11, 20261 min read

Authorize a controller action before the Vue page

authorize() in the controller is the check. The Vue button can hide itself later.

Oct 11, 20261 min read

Move a Vue 2 component to script setup

data() becomes ref. Methods become functions. An Inertia page still receives props. It does not gain Vue Router.

Oct 11, 20261 min read

Default a prop an Inertia page did not get

withDefaults fills a prop that is missing. A prop that arrives as null stays null.

Oct 11, 20261 min read

Read page props from a persistent layout

A persistent layout does not receive the page props as its own props. usePage() does.

Oct 11, 20261 min read

Redirect back after an Inertia form

back() returns to the page that posted. to_route() is the right call when the next page is a specific list.

Oct 11, 20261 min read

Prefetch an Inertia link

prefetch on a Link loads a GET page before the click. Do not prefetch a POST, a logout, or a page the user cannot open.

Oct 11, 20261 min read

Share a prop with every Inertia page

HandleInertiaRequests::share() runs for every Inertia response. Keep the query cheap and leave secrets out.

Oct 11, 20261 min read

Invite a teammate with a signed link

Email a signed URL and store only a hash of the token. Do not email a temporary password.

Oct 11, 20261 min read

Update a profile from a Vue settings page

Update the signed-in user from the kit's profile page. Ignore their id on the unique email rule.

Oct 11, 20261 min read

Prefix a Laravel API with v1

routes/api.php is already under /api. Add v1 inside the file and keep Inertia pages out of it.

Oct 11, 20261 min read

Redirect to Socialite instead of a popup

Socialite starts with a top-level redirect. A Vue popup loses the session cookie on the way back.

Oct 11, 20261 min read

Turn on CORS credentials for a separate Vue app

A separate Vue origin needs supports_credentials and an explicit origin. A same-origin Inertia app needs neither.

Oct 11, 20261 min read

Limit a Sanctum token with abilities

createToken can take an ability list. The ability middleware belongs on the API route, not on an Inertia page.

Oct 11, 20261 min read

Issue a Sanctum token without breaking the SPA

A first-party Vue SPA uses the session cookie. createToken is for a mobile client or another product.

Oct 11, 20261 min read

Protect an Inertia page with auth middleware

auth on the Laravel route is what sends a guest to login. A v-if on the Vue page does not.

Oct 11, 20261 min read

Rate limit Fortify login attempts

Fortify's login limiter is five attempts a minute. The Vue page shows the message on the username field.

Oct 11, 20261 min read

Change the Fortify login field

Fortify's username config key is the input name. The Vue login form has to post that same name.

Oct 11, 20261 min read

Confirm a password before a sensitive Vue action

password.confirm sends the user to Fortify's confirm screen. The Vue form posts the current password once.

Oct 11, 20261 min read

Reset a password with Fortify and Vue

Fortify already exposes the forgot-password and reset-password URLs. The Vue form posts those fields and no others.

Oct 11, 20261 min read

Verify email with Fortify and Vue

The Vue starter kit already verifies email. The user model must implement MustVerifyEmail, and the resend form posts to Fortify.

Oct 11, 20261 min read

Set SESSION_DOMAIN for a Vue app

Leave SESSION_DOMAIN empty on one host. Set the parent domain only when Vue and Laravel are real subdomains.

Oct 11, 20261 min read

Fix a 419 after you deploy

A 419 after deploy is a CSRF cookie that the browser did not send. The app key, the domain, and HTTPS are the usual causes.

Oct 11, 20261 min read

Add a query string to a Wayfinder URL

Pass query on the generated Wayfinder function. Do not glue a question mark onto the URL by hand.

Oct 11, 20261 min read

Show a field error with the kit input

The Vue starter kit already has InputError. Pass it the validation string. Do not install a second kit.

Oct 11, 20261 min read

Fill a Vue select from a PHP enum

Send enum cases as value and label props. Validate the posted string with Rule::enum.

Oct 11, 20261 min read

Remember a Vue filter with useRemember

useRemember keeps a filter in the history entry. It is the wrong place for a password or a draft you must not lose.

Oct 11, 20261 min read

Post from Vue with router.post

router.post sends one action that has no fields. useForm is the right call when the user is typing.

Oct 11, 20261 min read

Show the Inertia progress bar

The progress bar is a setting on createInertiaApp. A second progress library fights the one the kit starts.

Oct 11, 20261 min read

Keep the scroll position on an Inertia visit

preserveScroll stops a filter or a save from jumping to the top of a long Vue page.

Oct 11, 20261 min read

preserveState keeps the Vue page you have

preserveState leaves the current component in place. Validation errors stick around if you force it on after a save.

Oct 11, 20261 min read

Reset an Inertia form after it saves

onSuccess can reset one field after a save. Resetting before the redirect drops the value you meant to send.

Oct 11, 20261 min read

Write a custom Laravel validation rule

A custom rule is a class with validate(). The Vue page still prints form.errors for that field.

Oct 11, 20261 min read

Validate an image upload in Laravel and Vue

The image rule checks the upload. Send it as POST with a file field, including when you are updating.

Oct 11, 20262 min read

Require a password confirmation in Vue

The confirmed rule checks password_confirmation. The Vue form needs that second field name.

Oct 11, 20261 min read

Ignore the current user on a unique email

Rule::unique()->ignore() lets the signed-in user keep their email. A plain unique rule fails on save.

Oct 11, 20261 min read

Validate an Inertia form with a form request

Move Inertia form rules into a form request and pass validated() to the model. authorize() still runs.

Oct 11, 20261 min read

Use the Inertia Form component in Vue

The Inertia Form component posts the fields and exposes errors. Wayfinder can supply the action.

Oct 11, 20261 min read

Show Laravel validation errors in Vue

Put the Laravel validation message under the matching Vue input. Inertia already sends form.errors.

Oct 11, 20261 min read

Install Laravel Boost on a Vue starter kit

Add Laravel Boost to a Vue and Inertia app so Cursor or Claude follows the Inertia Vue guidelines for the versions you have installed.

Oct 11, 20264 min read

Call the Laravel AI SDK from a Vue page

Install laravel/ai, prompt one agent from a controller, and show the reply on an Inertia Vue page. The provider key stays on the server.

Oct 11, 20266 min read

Laravel and Vue in 2026: Inertia, a SPA, or Nuxt

Three ways to put Vue on a Laravel 13 app, and the one to pick when the team, the API, and the first feature are still small.

Oct 10, 20266 min read

Keep the Vue layout between Inertia visits

The Vue starter kit already keeps one layout alive between pages. Wrapping each page in AppLayout builds a new shell every time.

Oct 10, 20264 min read

Ziggy or Wayfinder for Laravel routes in Vue

Old tutorials install Ziggy and call route(). The Vue starter kit generates Wayfinder functions. Do not install both.

Oct 10, 20263 min read

Set the Inertia document title in Vue

The starter kit already appends the app name. Set VITE_APP_NAME, then give each page a title and one meta description.

Oct 10, 20263 min read

Show a saved message in Vue

Inertia 3 can flash a toast for one visit. The Vue starter kit already displays it. A Laravel with() call does not reach that toast.

Oct 10, 20263 min read

Show a queued Laravel job in Vue

Dispatch the job, store pending, ready, or failed, and reload that row in the Vue page until the file can be downloaded.

Oct 10, 20266 min read

Vue Router on a Laravel API

Routes, a login redirect, and a guest guard for a Vue app that is not Inertia. Load the user before the router runs.

Oct 10, 20265 min read

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.

Oct 10, 20266 min read

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.

Oct 10, 20264 min read

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.

Oct 10, 20264 min read

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.

Oct 10, 20264 min read

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.

Oct 10, 20264 min read

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.

Oct 10, 20264 min read

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.

Oct 10, 20264 min read

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.

Oct 10, 20264 min read

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.

Oct 10, 20263 min read

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.

Oct 10, 20263 min read

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.

Oct 10, 20264 min read

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.

Oct 10, 20264 min read

Inertia partial reloads in Vue

router.reload can ask Laravel for one prop. Deferred props wait until after the first paint. Merge appends on those partial visits only.

Oct 10, 20266 min read

Nuxt 4 in front of a Laravel API

Nuxt renders the public site. Laravel stays the API. The cookie rules stay in the Sanctum guide. This page is the Nuxt call.

Oct 10, 20264 min read

Live validation with Laravel Precognition and Vue

Inertia's Form component already validates one field as the user leaves it. A precognitive request runs the rules and does not run the controller.

Oct 10, 20264 min read

Laravel permissions on a Vue page

Spatie stores the permission. The controller still checks it. The Vue page only receives a boolean, so a hidden button is not the authorization.

Oct 10, 20263 min read

Laravel and Vue translations

Laravel holds the strings. vue-i18n renders them. The instance is created once, so a locale change has to push new messages into it.

Oct 10, 20264 min read

Test a Laravel and Vue app

Pest hits the Laravel routes. Vitest and Vue Test Utils hit one component. The starter kit does not ship a Vitest script until you add one.

Oct 10, 20264 min read

Laravel Sail with Vue and Vite

Sail runs PHP, the database, and npm in Docker. The Vue dev server is a Sail command, and HMR fails when the browser cannot see that container.

Oct 10, 20264 min read

Laravel Fortify with Vue

The Vue starter kit already ships Fortify screens. Install Fortify when the front end is a separate SPA, or when those actions need a new field.

Oct 10, 20264 min read

Laravel and Vue CORS errors

A same-origin Inertia app does not need CORS. A separate SPA does, and a 419 is a different failure from a blocked response.

Oct 10, 20265 min read

Laravel and Vue pagination

paginate, simplePaginate, and cursorPaginate return different JSON. The Vue page can only render the links that object actually has.

Oct 10, 20264 min read

Laravel and Vue CRUD with Inertia

Create, edit, and delete posts from a Vue page, with validation errors, search, and pagination. Continues the official Vue starter kit.

Oct 10, 20268 min read

Authenticate a Vue SPA with Laravel Sanctum

Cookie sessions for a first-party Vue app, CSRF, stateful domains, and the token path that is only for a phone or a third party.

Oct 10, 20267 min read

Deploy a Laravel and Vue app

The production build Laravel Cloud documents, the Inertia SSR bundle, the queue, and the public/hot file that breaks a live site.

Oct 10, 20265 min read

Listen for Laravel events in Vue with Reverb

Install Reverb, broadcast a public event through the queue, and subscribe from a Vue page with useEchoPublic.

Oct 10, 20264 min read

Upload files from Vue to Laravel with Inertia

Send an image with the Inertia Form component, validate it, store it on the public disk, and show upload progress.

Oct 10, 20265 min read

When to use Pinia with Laravel and Inertia

Page props already hold the posts. Pinia is for client state that should survive the next visit, such as a draft.

Oct 10, 20265 min read

Laravel 13.35: QUERY routes, Markdown responses and model defaults()

Laravel 13.35 adds Route::query() for the new HTTP QUERY method, response()->markdown(), Schedule::alwaysOnOneServer(), percentage memory limits for queue workers, array-based fake assertions and an opt-in defaults() method for Eloquent models. Before and after code for each.

Oct 10, 20267 min read

Inertia 3.9: pause polling in background tabs and detect back-button visits

Inertia 3.9 adds a background option for usePoll, a type field on the navigate event so you can refresh stale pages after the back button, and 3.9.1 ships two security hardening fixes. Here is what changed, with Vue 3 examples.

Oct 10, 20268 min read

Optimistic updates and useHttp in Inertia 3 with Vue: a like button and a live search

Build two everyday features with Inertia 3's new tools: a like button that updates instantly and rolls back on failure, and a debounced live search with useHttp. Laravel 13 back end, typed Vue 3 front end, tests included.

Oct 15, 202611 min read

Upgrade a Laravel 13 + Vue app from Inertia 2 to Inertia 3: the practical checklist

Inertia 2 stopped getting bug fixes on September 26, 2026. Here is the step-by-step upgrade we tested on a real Laravel 13 + Vue app: dependencies, the new Vite plugin, renamed APIs, Axios, SSR and a final audit.

Oct 13, 202610 min read

Laravel & VueJs: an open source community blog, rebuilt

Laravel & VueJs started as an open source CMS built with Laravel, Nova, GraphQL and Nuxt. Here is what it was, what it is now, and how you can help shape it.

Oct 10, 20263 min read

Who we are: the Laravel & VueJs community

Our mission is to help web developers level up with Laravel and Vue. Here is how to join the community, follow our channels, advertise, or write for the blog.

Oct 10, 20262 min read

What you need to build with Laravel 13 and Vue 3 in 2026

PHP versions, extensions, Node.js, databases and the packages worth knowing: a practical checklist for a modern Laravel + Vue stack, and how it compares with the stack this site started on.

Oct 10, 20265 min read

Set up a Laravel 13 + Vue 3 app in ten minutes

Create a project with the official Vue starter kit, then add your first model, controller and typed Vue page with Inertia. Every command you need, start to finish.

Oct 10, 20266 min read

The Laravel & VueJs roadmap

What we shipped with the move to laravel-vuejs.space, and what comes next: more tutorials, a newsletter, a better jobs board and an easier way to contribute.

Oct 10, 20262 min read

Topics

Explore by topic

From your first route to production, and from your first component to a full single-page app.

Laravel

Back-end development with Laravel: routing, Eloquent, queues, testing and deployment.

VueJs

Front-end development with Vue 3: components, the Composition API, Inertia and Nuxt.

Jobs

Careers, freelancing and hiring in the Laravel and Vue ecosystem: finding work, pricing and remote jobs.

eBooks

Long-form guides and books for Laravel and Vue developers, from first app to production-ready architecture.

The stack we write about

Laravel 13PHP 8.3+Vue 3.5Inertia 3TypeScriptVite 8Tailwind CSS 4PestNuxt 4Pinia

The same stack, compared with 2019, is on Then and now. Where each file goes in a new Vue starter kit is on Where it goes. The October 2026 release notes are on What shipped. The machine checks and the commands in order are on Start here. The lines the setup guide shows are on Samples.

Jobs

Hiring Laravel or Vue developers?

Post your role to a community that writes this stack every day. Free in the jobs group, or featured across our page, channels and newsletter. Every listing is reviewed by a human.

Freelance, contract and full-time roles
Remote-friendly, worldwide audience
No recruiter spam, no fake listings

Post a job Browse roles

Community

Learn together, ship together

Ask questions, share what you are building and find your next gig. Laravel and Vue developers from all over the world are already there.

About the community

Laravel & VueJs · Facebook group

Questions, discussions and show-and-tell.

Freelance & Remote Jobs · Facebook group

Post and find Laravel and Vue gigs, for free.

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.

RSS feed Telegram channel