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

React/NextJS integration with clean installation


We want to use only layouts, pages, UI blocks. we don’t use next-auth, prisma adaptor. Will there ever be a clean installation guide without these?

In the current situation, you have decided and implemented many issues on our behalf (authentication, orm, database and others) and it is quite difficult for us to customize this situation.

I hope I could explain what I mean.

Will there be a clean installation guide like the one in Blazor Server now?

I don't think we are asking for too much, if you could do this for us it would be very appreciated.

Thanks.


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


Hi @Sean, what I meant by clean installation was exactly the installation like on this page (https://keenthemes.com/metronic/tailwind/docs-legacy/getting-started/integration/react#create-project).

Is it possible for you to prepare an installation like this? For example, I want to be able to set up routing and providers ourselves.

Thanks.



Hi,

Metronic is based on ReUI framework and to use it with clean installation you can try to follow the ReUI installation guide:
https://www.reui.io/docs/installation

Then move Metronic components(layout, blocks, etc).

The clean installation you mentioned we will add in the coming weeks when we release Metronic starter layouts package. Current Metronic version is an app with specific app routing and writing guide to make it a starerkit app require quite long steps and its not practical for current Metronic scope.

We will offer this tiny starerkit with guide in the coming weeks. Stay tuned!

Regards,
Sean



Ah, very nice, we waiting to starerkit...



Ah very good, thanks.



Hi happy,

I hope our guides will be helpful!

https://docs.keenthemes.com/metronic-nextjs
https://docs.keenthemes.com/metronic-react

Please let us know if you need any further assistance

Regards,
Sean



Hi,

Noted, we are working on this guide and within this week we will provide a complete guide to remove default auth dependencies from Next.js/Vite versions of Metronic 9.

Regards,
Sean



We will be use custom authentication, we dont use next auth.



Hi,

One more point we would like to clarify. Do you Next.js Auth plugin ? ? Or you would remove it and implement your own auth ?

Regards,
Sean



We will be waiting for the clean installation guide, but how long will it take to publish this guide? (2 weeks, 3 weeks or 1 month)

Thanks.



Hi,

We are working on it as per your feedback. We are working on a guide to easily disable current auth flow. Instead you will have template level components. We will try to release this asap. If you need this asap please reply and i will give you quick guide here to remove prisma auth flow completely.

Regards,
Sean



Hello @Sean

Could you please provide the url of the guide to remove prisma and default auth dependencies please ?



Hi,

Please check Vite and Next.js guides:

https://docs.keenthemes.com/metronic-react
https://docs.keenthemes.com/metronic-nextjs

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