loading...
Cover image for Top 5 free HOSTING sites with Instructions

Top 5 free HOSTING sites with Instructions

nghiemthu profile image Thu Nghiem ・2 min read

Getting your website deployed is probably the first thing you want to do and with these 5 sites, you can do it in just minutes.

Table of Contents - The order is alphabetical

  1. Firebase
  2. Netlify
  3. Render
  4. Surge
  5. Vercel

Firebase

With Firebase hosting, you can deploy web apps - both static and dynamic content by a single command.

Step 1. Install the Firebase CLI

npm install -g firebase-tools

Step 2. Sign into Firebase

firebase login

Step 3. Navigate into your project

firebase init

Step 4. Prepare your site

npm run build

Step 5. Deploy

firebase deploy

Netlify

Netlify supports GitHub, GitLab and Bitbucket, it will redeploy the site just by pushing the code without manually rebuild.

Step 1. Login to Netlify and select New site from git

Step 2. Choose your repository and configure settings with options:

  • Branch to deploy, default master
  • Build Command, default npm run build
  • Publish directory, default public, but it is usually public, dist, build,...

Step 3. Select Deploy site

Render

With Render, you can host static sites, backend APIs, databases, cron jobs, and all your other apps in one place.

Step 1. Login to Render and create a new Web Service and give access to your repository

Step 2. Enter your settings

  • Environment: Static Site
  • Build Command: e.g npm run build
  • Publish Directory: e.g public, dist, build,...

Step 3. Select Create Web Service

Surge

Surge is a cloud platform to publish static web
for Front-End Developers.

Step 1. Install the surge CLI

npm install -g surge

Step 2. Build your site

npm run build

Step 3. Deploy your site providing your Publish Directory

surge public/

Vercel

Vercel is a cloud platform for websites and serverless APIs, free and easy to use

Step 1. Install the Vercel CLI

npm i -g vercel

Step 2. Deploy

vercel

Conclusion

Deploy and hosting is fast and easy. These sites are perfect for you to host any solutions from devchallenges.io

Feel free to leave me any comments

Posted on by:

nghiemthu profile

Thu Nghiem

@nghiemthu

Creator of devchallenges.io, Software developer at Telia Finland

Discussion

markdown guide