Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$

Never coming Laravel Vue starter kit: Not that good for customers


Metronic is undoubtedly one of the most popular themes worldwide. I started using it several years ago for a system, and I’ve stuck with it ever since.

I find the theme impressive and currently use it with Laravel and Vue. I’m sharing my experience to highlight a significant issue: despite Metronic's popularity and hundreds of thousands of copies sold, there is no Laravel Vue starter kit available.

For the past 3-4 years, I've been requesting this starter kit. It’s surprising that such a prominent company, with potentially thousands of users seeking the same solution, has not yet created one. Many others have also voiced this need in the comment sections.

Additionally, many users are attracted by the demo, only to later discover that about 40% of the elements are missing in the Vue or other versions. For instance, there’s no draggable Kanban in Vue, requiring the integration of custom packages.

I would switch to another theme if I could, but I’ve invested too much work into this one to change. Metronic uses Element Plus, which isn’t used by any other popular themes, meaning a switch would necessitate a complete redesign of most tasks and elements.

I managed to integrate Metronic using tutorials like this one:
https://devs.keenthemes.com/question/laravel-9-with-vite-vue-3-integration

(by copying and debugging many errors), and eventually, it worked okay.

However, with the release of a new Laravel version, there is no documentation or starter kit available. I tried integrating Metronic with Laravel 10 and Vue 3 following the same document. While I made it work, every Axios database call first pauses at 301 and then retrieves data at 200, causing a delay of 6-8 seconds to see any data from the database.

Having a starter kit would make things much easier for customers like us. With so many copies sold, developing this starter kit shouldn't be a huge challenge and could save hundreds of hours for users. Yet, there’s still no starter kit available, which I find incredibly frustrating.

Is a starter kit for Laravel and Vue ever coming? At the very least, can you create documentation to integrate Laravel 10 with Vue 3?


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 (4)


Hi,

Can you share what you the vue code for metronic 9?

I cant seem to get it to work.



Hi,

Appreciate your honest feedback.

Metornic 9 provides core javascript/typescript components compatible with Tailwind CSS. No vue components are planned for v9 yet. However, we do provide an integration <a href="https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/frontend/vue">Guide for Vue</a< to use Metronic 9's all HTML features in the Vue environment. For Metronic v9 we will focus on the common version, which is JavaScript-based components written in Typescript.

If you have checked Metronic v9 Vue Integration guide and it did not work please provide us more details, what did not work, then we will check it and get back to you asap.

Regards.



Well, seems like there are no way to differentiate "Guest" here.
The comment above was not made by me. I am the one who made the original post. Seems like it is using the same name "Guest" for different person causing confusion here.

Anyways it would be great to get your response original post. I was finally able to make it work. But still official vue+laravel starter pack would have been great.



HI,

These two users were recognized by our system as different users. However, since you had similar profile image colors, we didn't notice that the comment above was left by another person.

Currently, we do not have plans to add a separate Vue + Laravel version. Since these frameworks can be combined in various ways, our current approach is to provide a guide that offers an idea of how to integrate them.

If you experienced any problems when using our Vue + Laravel integration post, please let us know so we can help you fix it.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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  :(