Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

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