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

Use react Metronic package in Laravel starter kit


Does anyone have a guide for using Metronic 9 with React within a Laravel project created with the React starter kit? Together with 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  :(

Replies (2)


Prestige Southern Star offers more than homes—it offers a lifestyle. Nestled in South Bengaluru, this development brings together spacious living,



Hi Davide Creati

Currently, there's no pre-built Laravel React starter kit with Inertia.js and Metronic 9 integration.

I'd recommend taking a look at the Metronic v9 React version. This approach will give you a much smoother development experience with better component integration and fewer compatibility issues.

Why Consider Metronic v9 React Version
The Metronic v9 React version is specifically designed for React applications and provides:
Native React Components - All components are built specifically for React
Better Performance - Optimized for React's virtual DOM
Easier Setup - No need to bridge between Laravel Blade and React
Full Feature Access - All Metronic v9 features work seamlessly
ReUI Integration - Uses ReUI, the official React component library for Metronic


Metronic v9 React Documentation: https://docs.keenthemes.com/metronic-react
ReUI React Components: https://reui.io/docs


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