Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Documentation for integrating Metronic React with Pulse


I don't see any documentation on integrating the react front end with the pulse back end. I have both but I'd prefer some guidance on how to integrate the two rather than banging my head against a wall.


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,

In your pulse source code, you can refer to the README.md file to get started quickly.
If you need any further help please do let us know.

Regards,
Sean



That readme file is of little use. I have used Laravel in the past, but never React. I am trying to learn it. However, there is nothing in that file that tells me how to set up the metronic react front end to work with the metronic laravel backend. Do I replace the Laravel public folder with the one from the React folder? And where do I put the other folders that come with the React download? The only thing the readme tells me is do download and install a plugin... WHERE? I mean, come on. I paid for this. Can't someone making money off of it at least do a video of how to set this up and get the front end talking to the backend?



Hi,

Please note that Metronic-Pulse is supposed to be used as a stand-alone API application you can place your frontend app at any place and run it separately, and then you trigger API endpoints through HTTP requests.

To see all the available API endpoints, you can generate API Swagger documentation.

To generate Swagger documentation run the following commands.

php artisan vendor:publish --provider "L5Swagger\L5SwaggerServiceProvider"


php artisan l5-swagger:generate


Then start your project with php artisan serve and you can access the documentation at /api/documentation route.

If you are using Metronic 9 for your frontend then it is already linked with the external Metronic Pulse API to start development you should simply change the VITE_APP_API_URL variable in .env file.

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