Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Metronic v9 Laravel Breeze with React


Hello,

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

Thanks!


user
Swadeesh Srithar 1 year ago
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Faizal Author 1 year ago

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


user
Faizal Author 1 year ago

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


user
Swadeesh Srithar 1 year ago

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(