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

how to update nextjs project with latest version


i'm used nextjs version of metronic.

and i want to update it.

how can i do this ?


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


To update your Next.js project with Metronic to the latest version, first check which Next.js version you’re currently using and make sure Metronic supports the new version. Then update your project’s dependencies to the newest release of Next.js, React, and React DOM. After updating, review the Next.js release notes to see if there are any changes that might affect your project, such as differences in routing or image handling. Finally, test your project carefully to ensure everything works as expected before moving it to production.



Updating my Next.js project to the latest version has become a routine I take seriously. I always start by checking the android app development course in kochi official migration guide, updating dependencies via npm or yarn, and testing thoroughly. It ensures I benefit from performance improvements, security patches, and new features without breaking existing functionality.



metronic 9.1

Are you saying that when you release version 9.5, just updating package.json will be enough?



Hi,

The instruction was to update the Next.js package itself. To update whole Metronic source you will need to refer to the changelog and update the "src" folder as well.

Metronic 9.2.x has breaking changes following Tailwind 4 update so you should do full update the source.

Regards,
Sean



Hi,

Which version of Metronic Next.js are you using ? If you are using Metronic v9.2.x then you can update the Next.js version on package.json and reinstall your packates safely.

If you need any further clarifications please do let us know.

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