Top 5 free HOSTING sites with instructions
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.
The order is alphabetical
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-toolsStep 2. Sign into Firebase
firebase loginStep 3. Navigate into your project
firebase initStep 4. Prepare your site
npm run buildStep 5. Deploy
firebase deployNetlify
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 usuallypublic, 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,... - 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 surgeStep 2. Build your site
npm run buildStep 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 vercelStep 2. Deploy
vercelConclusion
Deploy and hosting is fast and easy. These sites are perfect for you to host any solutions from devchallenges.io
- Website: devchallenges.io
- Twitter: @@DevchallengesI
- Blogs: https://devchallenges-blogs.web.app/
