New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs

Documentation on Laravel + Inertia + Vue Integration


Hi, I'm really interested in seeing a detailed documentation on integrating Laravel with Inertia and Vue. Despite numerous discussions on this topic, there's still a lack of comprehensive resources. If you could dedicate some time to create documentation for this, I would greatly appreciate it. Alternatively, if you could provide guidance on how to effectively use these technologies together, that would also be immensely helpful. Thank you!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (6)


Thanks for the request! You’re right — while there are plenty of discussions about Laravel + Inertia + Vue, the documentation can feel scattered, especially when it comes to real-world application structure. I’d be happy to provide clear, step-by-step documentation and guidance.

In the meantime, here’s a concise overview of how these technologies work together and how you can get started effectively:

How Laravel, Inertia, and Vue Fit Together

Laravel handles routing, controllers, middleware, database, authentication, etc.

Inertia acts as a glue layer — instead of returning Blade views, controllers return components.

Vue is used for rendering the frontend UI, but you still work with Laravel’s routing and backend.

Inertia allows you to build a SPA without needing an API — meaning:

No need for REST or GraphQL endpoints

No token handling complexity

Server-side logic remains in Laravel.



Hi,

Thank you for reaching out to us.

Currently, we haven't tried combining our Vue theme with Laravel Inertia. We will check it and consider its potential inclusion in upcoming releases.

Meanwhile, you can find guidance in the tutorial below:


Also, we have an integration guide for Laravel 9 and Vue I guess that integration steps might be quite similar.
https://devs.keenthemes.com/question/laravel-9-vue-with-vite-integration-metronic-v816

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Great, thank you sir


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(