Why am I seeing this image instead of my static firebase website?

Question

I expecting see my firebase website but instead of the web app, I seeing this image. I think I followed the Firebase Hosting docs.

Here's my firebase.json:

{
  "database": {
    "rules": "database.rules.json"
  },
  "hosting": {
    "public": "dist",
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

After running firebase deploy , it says:

Deploy complete!

What did I miss? :(

Thanks, Adi

Answer 1

This is infact your website. When you run Firebase init it prepopulates the public folder (which you selected to be your dist directory) with the sample site you are seeing. You must place all of your HTML, CSS, and JavaScript into the dist directory and the run firebase deploy --only hosting