Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Metronic (React) + Firebase Hosting


Hello,

For several hours I have been trying unsuccessfully to implement Metronic on Firebase hosting. Has anyone managed to do this? Is this even possible? Locally, all Metronic works without a problem, and after uploading to Firebase hosting I have a blank screen - https://fobos-mag.web.app


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


Hi,

Sure, it's possible to deploy Metronic React to any hosting environment.
Our react experts will get back to you soon after debugging your site.

Also you can double check the docs here

If you have the latest info to share please do so.

Regards.



Hi,

To make it easier, I posted the code - https://github.com/kkruzewski/Fobos-Mag---React

I didn't change anything else in this code except sending to firebase. This is pure code downloaded from ThemeForest.



When I build the local server I also have a blank screen. Here are the commands it runs to build the server in the dist folder.

https://github.com/kkruzewski/Fobos-Mag---React/blob/main/mylogs



Hi,

In the console of the application you have provided, I see a few errors saying FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call initializeApp() first (app/no-app).. We haven't tried to deploy Metronic on Firebase, but the errors are not related to our code.

As per this comment the errors are related to the Firebase code you have added.

Please make sure that your Firebase part works correctly, you can find more guidance on deploying React app to Firebase in this tutorial.

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