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

I have just bought Metronic and followed the install guides for 9, it does not work.


I have downloaded the Metronic V9. I have followed the guide

https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/frontend/react

The files and file structures do not match and I am recieving a huge amounts of errors because of the mis matched files.

The documentation is dreadful!


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


Hi,

Sorry for the delay in reply.

We were revising our documentation and found a few issues and missing steps, we are planning to release a doc update by tomorrow with the latest fixes. I will inform you once the update is live.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



I have tried all of your different threads for this react project and am receiving multiple errors.

I have tried copying the fill react file then changing the reference files. I have tried setting the react project up afresh then adapting.

Is there correct guidance anywhere?



Hi Chris Morgan,

Sorry for missing your comment.

In the past week, we released a few updates for our documentation, now all the steps should be fixed.

Also, we added the starterkit which you can use for a quick start. You can find Starterkit setup instructions in our documentation.
https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/frontend/react#download

If you still have any errors, please send us the text of your error messages so we can guide you on the fix.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



I have followed your instructions, I have a page that I can view, however it only shows the sidebar and top navigation. Nothing comes up in the main body, and none of the links work.

I also can not see any of the components listed in in the files. Eg I would like an authentication with Firebase, the only reference to authentication is within the demo1 HTML.



Hi Chris Morgan,

Please be advised that in the current iteration, we do not have a separate Metronic 9 React version, the apps you see in metronic-tailwind-html-integration repo are Starterkits, which have all styles and Typescript components, and layout components integrated but it doesn't include all the pages available in our HTML version. If you want to use authentication pages, copy the HTML markup from our primary HTML version and paste it into your React component.

We are working on a separate React version with more built-in pages and an example of Firebase authentication. See Metronic's 2024 roadmap. https://devs.keenthemes.com/question/metronics-roadmap-for-2024

Regards,
Lauris Stepanovs,
Keenthemes Support Team



21 hours and no response, is anyone available to help or do I need to request a refund?



Hi,

Really sorry that we overlooked your request here. We will do our best to help you out.

Regards.



I have now read that 9 does not support React.

It would be helpful to write that somewhere...

The 8 instructions still do not seem to be complete, the src and file adaptations needed end up building so many errors as files are in incorrect places or referencing issues that the app will not build.


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