Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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:

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)


Hi,

Did you follow the Vercel deployment guide in the official Vite documentation?


Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(