Learning objectives
After reading this article you will be able to:
- Understand what makes up the monthly cost of a website
- Compare no-cost tiers and paid plans by what they limit and charge
- Calculate your total cost and spot the hidden charges
The cost of hosting a website is not a single number. It is the sum of pieces that are almost always billed separately: the place where the files live (hosting), the address (the domain), and what the site consumes, such as traffic and compute. A static portfolio can cost almost nothing, while a store with a database and lots of visitors costs far more.
Third-party prices and quotas change often, so this guide explains what each provider limits and charges. The numbers in this article are hypothetical, chosen to make the math easy. They are not any provider's prices; real values live on the official pricing pages. Check the provider's pricing page before you decide.
What makes up the cost of hosting a website?#
Build the estimate item by item:
- Hosting: where the site's files or server stay online. Usually the biggest item, or zero for a small static site.
- Domain: the address (
mysite.com). You pay a registrar yearly, and the renewal price can differ from the first year. See how much a domain name costs. - HTTPS certificate: Let's Encrypt, a nonprofit certificate authority, issues certificates at no cost, and many providers turn on HTTPS for you. Details in how much an SSL certificate costs.
- Traffic and storage: quotas for bandwidth, space and builds. Overage is usually billed.
- Extras: a database, email on your own domain, backups, monitoring and a CDN.
For most sites, hosting and the domain make up nearly the whole bill. The rest only matters once the site grows.
Can I host a website without paying?#
Yes, with conditions. A static site (ready-made HTML, CSS, JavaScript and images) runs none of your code on the server and only needs something to serve the files, so several platforms serve it on no-cost tiers:
| Option | Limits and conditions |
|---|---|
| GitHub Pages | Limits on site size, monthly bandwidth and builds per hour. Not meant for online stores or sites mainly used for commercial transactions |
| Cloudflare Pages (Free) | Limits on builds per month, files per site, file size and projects per account |
| Netlify Free | Monthly credits, also spent on bandwidth, so the traffic that fits is small if every credit goes to it |
| Vercel Hobby | Monthly transfer quota; personal, non-commercial use only |
The size of each limit is on the GitHub Pages, Cloudflare Pages, Netlify and Vercel pages.
Watch out for commercial use. If the site sells something, serves customers or belongs to a business, read the terms: Vercel's Hobby plan is for non-commercial use only, and GitHub Pages discourages stores and paid services.
How much does a paid plan cost?#
When a project turns professional, the usual step is an entry-level paid plan, with a fixed monthly fee and a bigger quota:
| Option | How it bills | What changes |
|---|---|---|
| Netlify (paid plans) | Monthly fee with a credit allowance | More credits per month; the team plan allows unlimited members |
| Vercel Pro | Monthly fee per seat | A much larger transfer quota, with overage billed per GB |
These plans cover front-end sites. If your site needs a server running all the time (an API, an admin panel, a CMS), the cost comes from the memory and compute you reserve, and the route is a virtual server or application hosting. Compare in how much a VPS costs.
How do I calculate the total cost of my site?#
Use a simple formula:
monthly cost = hosting + (domain ÷ 12) + extrasTwo hypothetical examples, leaving the domain as a variable because its price changes with the extension:
- Static portfolio on a no-cost tier: hosting $0 + extras $0 = $0 per month, plus the domain divided by 12.
- Small business site on a paid plan: assuming $10 per month for hosting (a hypothetical figure), a year adds up to $120, plus the domain's yearly fee.
If you pay in a local currency, remember the exchange rate and any card foreign-transaction fees, which add to the dollar price.
What are the hidden costs?#
- Domain renewal: the first year may be a promotion and the renewal higher. Registrars such as Cloudflare Registrar sell at cost, with no markup on the registration.
- Traffic overage: a viral post or a bot attack can blow past the quota and trigger extra charges.
- Commercial use on a personal plan: switching plans after the site already has customers means a rushed migration.
- Professional email:
contact@yourdomain.comis almost always a separate paid service. - Migration: proprietary build formats and platform-specific functions make leaving more expensive. See how to choose a hosting provider.
- Domain and hosting in the same place: convenient, but it locks you in. Learn the difference in domain vs hosting.
How can I cut the cost without hurting the site?#
Compress images and use modern formats (WebP, AVIF), since images are most of the traffic on most sites. Use caching to cut requests to the server. Prefer a static site when content rarely changes, and keep compute only where it is needed. Watch your usage: nearly every provider shows quota consumption in its dashboard.
For the step-by-step of putting a site online, read how to host a website and what web hosting is.
How to do this on Square Cloud#
Two items that inflate the bill in this article, traffic overage and build quotas, drop out on Square Cloud. Traffic is unlimited, with no per-bandwidth or per-request charges (fair-use policy). And there is no build quota, because the platform has no build step: you upload the folder you already built. Plans are billed in reais, by Pix or card, and every plan is paid; Hobby starts at R$12.49 per month, with 1 GB of RAM and 1 vCPU, and covers bots and sites.
For a static site, use the static sites runtime: nginx is always online serving your files, none of your code runs on the server, and a new upload or commit goes live right away. It takes the minimum for a web application, 512 MB, from your plan's RAM, which is a pool shared by your applications. If the site has a server, there are runtimes for Node.js, Python, PHP and others.
Every web application gets a *.squareweb.app subdomain with HTTPS, and every plan includes cookieless web analytics. A custom domain comes with Standard (R$44.99 per month, with 4 GB of RAM): you create the DNS records the dashboard shows at your registrar, the certificate is automatic and the domain stays registered in your name (domains). Compare plans on the pricing page or see website hosting.
Website hosting
Static and SSR sites with automatic TLS and a global CDN
FAQs
Can I host a website for free?
Yes, if the site is static and small. GitHub Pages, Cloudflare Pages, Netlify and Vercel offer no-cost tiers, but with limits and, in some cases, a restriction on commercial use.
How much does website hosting cost per month?
Entry-level paid plans on site platforms tend to cost from a few dollars to a few dozen dollars per month; check each one's pricing page for the current price. A site with a server, a database or heavy traffic costs more, and the domain is billed separately, yearly.
Is the domain included with hosting?
It depends on the provider. Domain and hosting are different services, and many providers bill the domain separately with a yearly renewal. The HTTPS certificate, on the other hand, is usually issued at no cost.
Why does the price go up as my site grows?
Because traffic, storage, build minutes and server resources come with quotas. Once you pass a quota, the provider charges for the overage or asks you to move to a bigger plan.
More in Websites
See all 20 articles- What is a static site (and how to host one)A static site is a set of ready-made HTML, CSS and JavaScript files served the same to every visitor. Learn how it works, when to use one and how to host it.
- How much does it cost to host a Next.js app?Hosting a Next.js app costs from zero with a static export to tens of dollars a month with a server. See the billing models, traffic math and hidden costs.
- What is a web server? Nginx, Apache and Node explainedA web server is the software that receives HTTP requests and returns pages, files or API responses. Learn how it works and when to use Nginx, Apache or Node.js.
- Static vs dynamic website: differences and when to use eachA static website serves ready-made files, the same for everyone; a dynamic one builds each page per request. Compare speed, cost, security, SEO and use cases.