You have built something. Maybe it is a personal portfolio, maybe it is a small business site, maybe it is your first real web app. On your own computer it works perfectly. You open a browser, type a local address, and there it is. But the whole point of the web is that other people can see it too, and right now nobody can.
So how does the thing on your laptop become the thing someone in another city, on another device, can open just by typing a domain name? That journey has a name in plenty of tutorials, but it rarely gets told start to finish. This article is that full story, told as a bird’s-eye view. We will trace the path one hop at a time: build, host, DNS, delivery, and HTTPS. By the end you will understand how every piece in this category fits together.
The big picture in one sentence
Here is the entire trip, compressed:
You build your site, you upload it to a computer that is always on (the host), you point your domain name at that computer (DNS), a delivery network spreads copies of it close to your visitors (CDN), and a security layer scrambles the connection so it cannot be read in transit (HTTPS).
Each of those is a separate job handled by a separate piece of the system. None of them is magic. Let us walk the road.
[ your machine ]
| build
v
[ deploy / upload ]
|
v
[ host (always-on server) ] <----+
^ |
| DNS lookup | CDN edge copies
[ user's browser ] --> [ nearest CDN edge ] --> [ HTTPS handshake ] --> page loads
Step 1: You build
When you write a website, the files you edit are not always the files a browser wants. You might write in a framework, use a templating language, or split your styles across dozens of source files. A build is the step that turns all of that source into the plain, finished files a browser actually understands: HTML, CSS, JavaScript, images.
Think of it like cooking. Your source code is the raw ingredients and the recipe. The build is the cooking. What comes out the other side is a meal ready to serve, usually collected in a single folder (often called something like dist or build).
Not every project needs a heavy build
A plain HTML and CSS site barely “builds” at all; the files you wrote are already the files you ship. The build step grows in importance as your tooling grows. Either way, the rule is the same: figure out exactly which finished files represent your site.
Step 2: You deploy to a host
Your finished files now live in a folder on your machine. That machine, though, is not on all day, it sleeps, and it sits behind your home router where the public internet cannot reach it. You need a computer that is always on, always reachable, and built to serve files to strangers. That computer is a host (or a hosting provider that runs one for you).
Deployment is simply the act of getting your finished files from your machine onto that host. The word sounds heavy, but the core idea is a transfer: copy the right files to the right place on a public server, and tell that server to serve them.
There are many flavours of this transfer. Some hosts let you drag a folder into a dashboard. Some watch a code repository and rebuild automatically every time you push. Some give you a command-line tool. Underneath the convenience, the same thing happens: your build output ends up on a public machine.
If you want to go deeper into deployment as an operational discipline (rollbacks, environments, automation, zero-downtime releases), that lives in the server world. Start here: What Is Deployment? (server).
[ dist/ on your machine ] --(transfer)--> [ public host ]
index.html serving on a
style.css public address
app.js
Step 3: DNS points your domain at the host
Your host has an address, but it is a string of numbers called an IP address, something like 203.0.113.42. Nobody wants to type that, and nobody will remember it. So you buy a friendly name instead: a domain, like acy-partner.com.
The system that connects the friendly name to the numeric address is DNS, the Domain Name System. It works like the internet’s phone book. When a visitor types your domain, their browser quietly asks DNS, “what is the address for this name?” DNS answers with the IP, and the browser then knows which machine to talk to.
You set this up by editing DNS records at wherever you registered or manage your domain. The two you will meet most often:
| Record | What it does | Plain example |
|---|---|---|
A |
Points a domain to an IPv4 address | acy-partner.com -> 203.0.113.42 |
CNAME |
Points a name to another name | www.acy-partner.com -> acy-partner.com |
DNS changes are not instant
After you change a DNS record, the answer can take a while to spread, because computers all over the world cache (remember) the old answer for a set time. This waiting period is called propagation. If your new site does not appear right away, that delay is usually the reason, not a mistake on your part.
Step 4: A CDN delivers it close to your visitors
Now the connection works, but there is a physical problem. Your host sits in one specific data center, in one specific place on Earth. If a visitor is on the other side of the planet, every request has to travel that whole distance and back. Distance costs time, and time on the web is felt as slowness.
A CDN, a Content Delivery Network, solves this by copying your files onto many servers spread across the globe, called edge servers. When someone visits, they are served from the edge nearest to them rather than from your one original host. A visitor in Jakarta gets a copy from a nearby edge; a visitor in Berlin gets one from theirs. Same site, much shorter trip.
A CDN does more than shorten distance. Because it holds copies of your files, it also takes load off your original host, absorbs sudden traffic spikes, and shrugs off a lot of low-effort attacks before they ever reach you.
original host (one location)
|
copies pushed out to edges
/ | \
[edge SG] [edge DE] [edge US]
| | |
nearby user nearby user nearby user
Static sites love CDNs
If your site is mostly fixed files, a CDN is almost free performance: the same finished files can be cached and served from everywhere. Sites that generate fresh, personalised content on every request lean on the CDN a little differently, but the closeness benefit still applies to plenty of their assets.
Step 5: HTTPS secures the connection
There is one last thing standing between your site and your visitor, and it is about trust. By default, data travels across the internet in plain text, which means anyone sitting between the visitor and your server could read it or tamper with it. For a login form or a checkout page, that is unacceptable.
HTTPS is the secured version of the web’s transport. The S stands for secure. It uses a certificate, a small file that proves your domain is really yours, to set up an encrypted connection. Encryption scrambles the data so that only the two intended ends can read it. The little padlock your browser shows is the visible sign that this is in place.
The reassuring news for a beginner: you rarely set up HTTPS by hand any more. Most hosts and CDNs issue and renew certificates for you automatically, often at no cost. You usually just flip a switch or accept a default, and the padlock appears.
HTTPS is expected, not optional
Browsers now mark plain HTTP pages as “Not secure,” and search engines quietly prefer secure sites. Shipping without HTTPS scares visitors away and works against you. Treat it as a required part of going live, not a nice-to-have.
Putting the whole journey together
Let us replay the trip from a visitor’s point of view, now that every piece has a name. Jane Doe opens her browser and types acy-partner.com.
- Her browser asks DNS for the address behind that domain. DNS answers with an IP.
- The request heads not to your single host but to the nearest CDN edge, because that is where the domain now points.
- The edge and her browser perform an HTTPS handshake, agreeing on encryption so the connection is private.
- The edge serves the built files it has cached, the very output you deployed.
- Her browser assembles them into the page, and your site appears, fast and secure, as if it had been next door all along.
Every step you set up once. After that it runs on its own, thousands of times a day, for every visitor.
Recap
The last mile from your computer to a real visitor is not one mysterious leap; it is five small, understandable steps that hand off to each other:
- Build turns your source into finished, browser-ready files.
- Deploy copies those files onto an always-on host the public can reach.
- DNS connects your human-friendly domain to the host’s numeric address.
- A CDN spreads copies near your visitors so the site loads quickly everywhere.
- HTTPS encrypts the connection so it is private and trusted.
Once you can see this chain in your head, the rest of web hosting stops feeling like a black box. Each tool and each setting you meet from here on fits somewhere on this road, and you will know exactly where. When you are ready to treat deployment itself as a craft, with environments, automation, and safe releases, follow the thread into What Is Deployment? (server).