New Product!SaaSify - Animated Landing Page Template built with Next.js, Tailwind, Shadcn UI, ReUI & MagicUI Components
Preview SaaSify
Light
Dark
System
Ask  Question

Theme Integration with NextJS


Hello, I just purchased the Keen theme, but I'm having a hard time integrating it with my NextJS application.

Using the compiled version returns errors and i've also tried the source file to no good effect. Something always breaks.

I need this for an urgent project. I would love your quick support.


user
Ola Okegbemi 1 year ago
React
129 Answers
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 (129)

user
Shakir Khan 8 months ago

please correct some issue here.


user
Shakir Khan 8 months ago

i really sure its very good post.


user
Rose Black 11 months ago

Ensure your Keen theme integration into Next.js aligns with framework-specific conventions agario and configurations to resolve errors efficiently.


user
Lauris Stepanovs Author1 year ago

Hi,

Sorry for the late reply.

We haven't tried combining our current React version with NextJs, we already have plans on adding a separate NextJs version this year.

You can find Metronic roadmap here:
https://devs.keenthemes.com/question/metronics-roadmap-for-2024

Please note that our current React version is a client application and NextJs is a server-side rendered application that gets rendered differently. To convert our React theme to NextJs you can follow the tutorial below:


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