Laravel Daily's

Supercharge Your Inertia Workflow: DevTools Extension + Laravel LSP Are Here

hero image

Building robust web applications demands the right php developer tools. You want clarity when requests cross the wire. You want speed when navigating complex codebases. Laracon US 2026 introduced two official additions that solve these exact friction points.

The official Inertia DevTools extension brings deep state inspection directly to your browser. Meanwhile, Laravel LSP delivers framework-aware intelligence to any editor you choose. Together, they reshape how you build with your preferred php web framework.

Inertia DevTools: Inspecting Every Visit

Debugging single-page applications built on server-driven routing often involves guessing. You wonder which props arrived from the controller. You check network payloads to trace partial reloads.

That uncertainty ends today. The official Inertia.js DevTools extension is now live on the Chrome Web Store.

Inertia SSR configuration and streamlined developer workflow

Install the extension, open Chrome DevTools, and select the new Inertia panel. Every Inertia visit registers in a live timeline. You see initial loads, navigations, polls, and prefetches grouped logically.

Nothing leaves your local machine. Authorization headers, CSRF tokens, and sensitive keys are automatically redacted. The recorder operates safely within local environments, keeping production clean.

Under the Hood: What You Can Inspect

Visibility changes how fast you ship. The DevTools panel surfaces the data you need without cluttering your console.

For every recorded visit, you can inspect:

  • Props: View active, deferred, and merged props instantly.
  • Payloads: Examine request and response bodies alongside HTTP headers.
  • Routing: Identify matched controllers, route names, and URL parameters.
  • Page State: Track shared props and component states across navigations.

Developer environment showing code intelligence and request handling

You no longer dig through raw JSON responses or add temporary log statements. The data sits right beside your DOM elements and network requests.

Laravel LSP: Framework Intelligence in Any Editor

Great php developer tools should not lock you into a single code editor. If you prefer NeoVim, Zed, Sublime Text, or Cursor, you missed out on deep Laravel-specific refactoring until now.

Laravel LSP changes that dynamic. Announced at Laracon US, this first-party language server protocol implementation brings framework awareness to any LSP-compliant editor.

Point your editor at the Laravel LSP binary. Suddenly, your environment understands your application structure.

You gain autocomplete and "Go to definition" support for:

  • Routes and named parameters
  • Inertia pages and property structures
  • Configuration keys and translation strings
  • Views, Eloquent models, and container bindings

You code faster because your editor knows your project rules.

Connecting the Workflow: DevTools Meets LSP

Tools work best when paired. Imagine building an Inertia form component backed by a Laravel controller.

Full-stack application dashboard built with the Laravel ecosystem

You write the controller method. Laravel LSP immediately resolves the route and validates your Inertia page path. You jump straight to the Vue or React component with a single keystroke.

You spin up your local server via Laravel Herd or Vite. You trigger a form submission in the browser.

You open Chrome DevTools and inspect the exact props arriving at your component. If a validation error occurs, you see the flashed session data instantly in the timeline.

The gap between backend logic and frontend rendering vanishes. You spend your time shipping features instead of chasing state bugs.

Getting Started Today

Adopting these tools requires minimal configuration.

For Inertia DevTools, ensure your application uses the latest Inertia Laravel adapter and client-side libraries. Install the extension from the Chrome Web Store. Run your local development server, and the panel activates automatically.

For Laravel LSP, follow the setup instructions in the official repository. Configure your editor's LSP client, and let the server index your project routes and container bindings.

Onboarding interface introducing developers to the rich Laravel ecosystem

We built these tools to make everyday development feel effortless. Try them out in your next project.

Drop into our community discussions and let us know how they speed up your workflow. Your feedback helps guide the next wave of improvements across every corner of the community.

Previous
Building Intelligent Semantic Search APIs with Laravel 13 and the Laravel AI SDK
Next
Building an AI-Powered Recommendation Engine with Laravel