Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Metronic v9 Laravel Breeze with React


Hello,

Is there a version of Metronic template with Laravel Breeze + React integration?

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

Replies (3)


Hi Swadeesh Srithar,

Currently, there's no official Metronic template that integrates Laravel with React. Metronic provides separate templates for Laravel and React, but not a combined setup.

You can check out the sample project here:
https://github.com/keenthemes/metronic-tailwind-html-integration

Thanks



Hi,

Currently, Metronic v9 doesn't come with a pre-built Laravel Breeze + React integration. However, you can get a basic boilerplate for Laravel here:

https://github.com/keenthemes/metronic-tailwind-html-integration

This setup can serve as a good starting point if you're looking to build your own integration with Laravel Breeze and React.

Thanks



Thanks!

I tried initialising a blank Laravel project with Laravel Breeze and react and merge the react variant of Metronic template.

The Laravel Breeze version uses Inertia.js. But the Metronic template uses react router which is tightly coupled into the menu, navigation etc.

Even after lots of Metronic file changes I get issues with PathnameProvider.

Error: usePathname must be used within a PathnameProvider

This is because const context = useContext(PathnameContext); returns null.

Has anyone successfully integrated Metronic with Laravel and Inertia JS ?


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