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

Metronic 9 with Nextjs issues


Hi, I have a few questions and issues regarding Metronic 9 integration with Next:

First:
I have been trying to follow the documentation for integrating the Tailwind/HTML version into Nextjs. The instructions for downloading the example Nextjs app seem to work well enough to show the demo1 sidebar and topbar, but the actual examples do not render, and the example HTML pages return a 404. I have placed them into the app's public directory and updated the URLs to the assets, which at least resolves the pages, but it didn't help with CSS or JS.

Second:
The documentation for integrating Metronic with a fresh Next app is outdated. PostCSS and Tailwind have changed their default configurations, and breaking changes conflict with the older versions of these configs in Medtronic.

Third:
There is no documentation on leveraging the TSX components in Nest. Where can I find documentation on this?

Fourth:
Is there a way to integrate the React/Vite componentry instead of the HTML version? It seems like this would be a better solution for most everyone.


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)


The availability of these girls is round-the-clock, ensuring that you can satisfy your desires whenever they arise. Whether you're looking for a quick hookup or a more committed relationship, these girls are available for both casual meeting and long-term companionship. Visit here



Hi,

We are releasing a generic Next.js version for Mertronic 9 in the next week. It will support the entire Metronic 9 UI as announced here.

Regards,
Sean


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