Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update

Not Able To Deploy In Metronic in Vercel App


Dear Metronic Support Team,

I am facing an issue while deploying my Metronic-React-based project on Vercel and would greatly appreciate your assistance. I have also changed base url path, but the issue persists.

Issue Description:
I am currently trying to deploy my React-based project (built using Metronic) on Vercel. However, I am encountering the following problems:

I have shared a Loom video explaining the issue in detail:
Loom Video Link: https://www.loom.com/share/17ce15918b024815817f56b43c904047?sid=fa6c8b42-7006-4c15-85de-148678cf325d

Environment:
Metronic Version: 8.2.7
React Version: ^18.3.1
Build Configurations: tsc && vite build

Steps to Reproduce:
I am encountering an issue with the URL base configuration and need guidance on resolving it.
I would be grateful if you could provide guidance or suggest a solution. Thank you for your time and support.

Kind regards,
Govind Sah
Exaltare Technology


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


Hi,

Did you follow the Vercel deployment guide in the official Vite documentation?
https://vitejs.dev/guide/static-deploy#vercel

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