<p>Today we're going to deploy a website to the google firebase. Google firebase is free &amp; easy to use. Google firebase provides the free hosting upto 1GB space, if you need more there are some plans provided by firebase. You can use as per your requirements.</p>



<p>Before starting, I assume you already have a google firebase account and a website ready to be host.</p>



<p>let's start hosting a website to google firebase.</p>



<h2>1. Create a Build</h2>



<p> Open cmd prompt in your website folder and run the below command</p>



<pre class="wp-block-code"><code>npm run build</code></pre>



<p>It will  create a <strong>build</strong> folder which contains all the website data ready to be host. All website data means html, js, css, images files.</p>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/create-build-1024x516.png" alt="" class="wp-image-579"/></figure>



<h2>2. Create Project in Firebase</h2>



<p>Login to your Firebase Console &amp; add a new project. If you have already created a project, just choose that.</p>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/add-new-project-in-firebase-1024x470.png" alt="" class="wp-image-580"/></figure>



<h2>2. Open Hosting Page</h2>



<p>You can find a <strong>Hosting</strong> link in the left side menu. Click on it and open the hosting page.</p>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/here.png" alt="" class="wp-image-581"/></figure>



<h2>3. Set up firebase hosting.</h2>



<p>Open cmd in your project folder and install the Firebase CLI into website.</p>



<h3>1. Install Firebse CLI</h3>



<pre class="wp-block-code"><code>npm install -g firebase-tools</code></pre>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/firebase-installation-1024x240.png" alt="" class="wp-image-582"/></figure>



<h3><strong>2. </strong>Initialize the Project</h3>



<p>Open a terminal window and navigate to or create a root directory for your web app</p>



<h4>A. Sign in to Google</h4>



<p>It will take you to Google Login page and log you in into the app.</p>



<pre class="wp-block-code"><code>firebase login</code></pre>



<h4>B. Initiate your project</h4>



<pre class="wp-block-code"><code>firebase init</code></pre>



<ul><li>Go to hosting by up-down arrow key</li><li>Select <strong>Hosting</strong> by clicking the <strong>space</strong> button on keyboard and hit <strong>Enter</strong></li><li>It will ask you to select the hosting folder, write <strong><em>build</em></strong></li><li>Next <em>Configure as a single-page app</em>,  write <strong><em>Y</em></strong></li><li>Next <em>Overwrite the index.html, </em>write <strong><em>N</em></strong></li><li>Firebase initialisation is complete. Now, deploy the website in next step.</li></ul>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/firebase-initialisation-1024x517.png" alt="" class="wp-image-583"/></figure>



<h3>3. Deploy to Firebase Hosting</h3>



<p>Run this command from your app’s root directory:</p>



<pre class="wp-block-code"><code>firebase deploy</code></pre>



<figure class="wp-block-image size-large"><img src="http://ec2-13-127-91-65.ap-south-1.compute.amazonaws.com/wp-content/uploads/2019/11/firebase-deployemnt-1024x309.png" alt="" class="wp-image-584"/></figure>



<h3>4. Open and run your website.</h3>



<p> After successful deployment, firebase will provide you a <strong>link</strong> and you can use it to see your live website in action.</p>



<p>This link will be a subdomain of google domains. It will be look like <strong>your-project-id.web.app</strong></p>



<p>If you want to add your custom domain to this website, you can follow the link <a href="/google-firebase-custom-domain-subdomain-mapping-with-godaddy">Map custom domain to firebase hosting.</a></p>



<p>Have any questions? Write into the comment section.</p>

Today we're going to deploy a website to the google firebase. Google firebase is free &amp; easy to use. Google firebase provides the free hostin...

How to deploy websites to Google Firebase