DEV Community

Cover image for Top 5 free HOSTING sites with Instructions
Thu Nghiem
Thu Nghiem

Posted on

Top 5 free HOSTING sites with Instructions

#tutorial #beginners

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
Enter fullscreen mode Exit fullscreen mode

Step 2. Sign into Firebase

firebase login
Enter fullscreen mode Exit fullscreen mode

Step 3. Navigate into your project

firebase init
Enter fullscreen mode Exit fullscreen mode

Step 4. Prepare your site

npm run build
Enter fullscreen mode Exit fullscreen mode

Step 5. Deploy

firebase deploy
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

Step 2. Build your site

npm run build
Enter fullscreen mode Exit fullscreen mode

Step 3. Deploy your site providing your Publish Directory

surge public/
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

Step 2. Deploy

vercel
Enter fullscreen mode Exit fullscreen mode

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

Top comments (0)

Read next

souravvmishra profile image

Adding Google Authentication in Next.js 14 with App Router: A Beginner-Friendly Guide

Sourav Mishra -

niuweme profile image

This is why i hate project based learning

Manu Nunez -

mikeyoung44 profile image

Breakthrough in AI Memory: Endowing Language Models with Human-like Episodic Recall

Mike Young -

1noshishi profile image

Inline Classes in Kotlin: Why, Where, and How to Use Them

Valerii Popov -