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

Adding metronic to an existing laravel 9 application


Hi devs,
just purchased Metronic 8 and after surfing the net for a few hours I cant see anything about adding Metronic to an existing laravel 9 application. I am a month in developing and cant really afford to use the out the box demo app provided?

I would have thought that there would be instruction on how to add this to an existing laravel application?
Regards
Byron


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


Hi Byron,

If the laravel application you are creating is fresh I recommend using the Metronic Laravel version.

Otherwise, you'll have to copy and paste the assets from Metronic into your laravel project(Public folder) & adjust your layout to meet them. You can simple copy the HTML & assets and create blade files to accomplish this.



Thanks so far,
but what about dependencies and plugins etc.
surely there is a lot more than just the assets.
Regards
Byron



Hi,

At the moment, no other way than to move the files manually. At least, you have to move these folders from Metronic Laravel into your own Laravel.


  • app/Core/

  • config/demo1/ (depending on your choice of demo)

  • config/global/

  • app/Http/Controllers/PagesController.php

  • app/View/Components/

  • app/helpers.php

  • resources/assets

  • resources/views/

  • composer.json

  • webpack.mix.js (do not need to replace yours, but you can copy the content and move into your existing webpack config file)



Thanks

Hi @Faizel,
thanks for your help so far.
I am not sure what you mean by the last line,

"webpack.mix.js (do not need to replace yours, but you can copy the content and move into your existing webpack config file)"

could you explain a bit more please?

Regards
Byron



Hi,

Probably, you already have your own config for the webpack.mix.js file. So you can merge the content. If the file is a default file from Laravel, you can just replace it.

Thanks


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