Architecture field guide • DNS → Edge → Pages

Web hosting, explained from the browser outward.

How a domain registered at Bluehost, authoritative DNS operated by Cloudflare, and a static website deployed on Cloudflare Pages work together to deliver binitdatta.com securely around the world.

Bluehost registrarCloudflare DNSCloudflare PagesHTTPS / TLS301 redirect
01 / Big picture

Four different jobs. One working website.

Buying a domain, publishing DNS records, serving HTTPS traffic and storing website files are distinct responsibilities. They can be provided by different companies—or by the same company.

Registration
Who controls the domain?
DNS
Where should it resolve?
Edge
Who accepts HTTPS?
Hosting
Where are site assets served?
In this deployment: Bluehost is the registrar; Cloudflare's assigned nameservers are authoritative for the DNS zone; Cloudflare's edge handles proxied traffic and TLS; Cloudflare Pages serves the deployed static website.
02 / Foundations

Core concepts you encountered

Expand any card to see how the concept applies to your own website.

The person or organization that holds the right to use a registered domain for its registration term, subject to registrar and registry policies. A domain is renewed, not purchased forever.

In your deployment: You control binitdatta.com through its registrar account; Bluehost is not automatically the web host.

A registrar is the accredited retail provider through which you register and renew a domain. The registry operates the top-level domain database (for example, .com). ICANN coordinates key naming-system policies and contracts.

In your deployment: You manage registration and nameserver delegation at Bluehost; the .com registry publishes the delegation.

A nameserver that provides authoritative answers for records in a DNS zone. It is the source of truth for the zone, unlike a caching recursive resolver.

In your deployment: Cloudflare nameservers abby.ns.cloudflare.com and kanye.ns.cloudflare.com are delegated for your domain.

“DNS server” is a broad term. A recursive resolver looks up answers for a client and caches them; authoritative nameservers publish the zone’s records. Root and TLD nameservers guide the resolver through the hierarchy.

In your deployment: Your browser/OS generally asks a configured recursive resolver, which follows or uses cached delegation to Cloudflare.

The parent DNS zone lists the nameservers responsible for the child domain. Changing nameservers at the registrar changes delegation, not the HTML files.

In your deployment: You changed Bluehost nameservers from Azure DNS to Cloudflare nameservers.

binitdatta.com is the registered domain and zone apex (root). www.binitdatta.com is a hostname under it; “www” is a conventional subdomain label, not a required Internet service.

In your deployment: Both apex and www are separately configured as Cloudflare Pages custom domains.

A DNS zone is the administratively managed collection of records. TTL (time to live) tells caching resolvers how long an answer may be reused. Changes can appear at different times due to caches.

In your deployment: Your records have TTL Auto; changes can take time to be observed across recursive resolvers.

A canonical-name record aliases one DNS name to another DNS name. It does not directly contain a server IP address, nor does it perform a browser HTTP redirect.

In your deployment: The www hostname has a CNAME target of binitdatta-career.pages.dev. Cloudflare also supports an apex CNAME through flattening.

With proxied (orange-cloud) records, visitors generally connect to Cloudflare edge IPs, where Cloudflare can terminate TLS, apply security and caching, and route requests to Pages.

In your deployment: A DNS lookup does not need to expose an individual Pages origin server.

Static hosting serves prebuilt HTML, CSS, JavaScript, images and other assets without requiring a traditional application server to render each page. JavaScript can still run in the visitor’s browser.

In your deployment: Your index.html and other HTML pages are deployed to the binitdatta-career Cloudflare Pages project.

HTTPS is HTTP protected by TLS. During a TLS handshake, the browser validates a certificate for the requested hostname and negotiates encryption. A certificate does not itself register a domain.

In your deployment: Cloudflare Pages shows SSL enabled for binitdatta.com and www.binitdatta.com.

A hosting platform associates a public hostname with a specific deployment. TLS SNI and HTTP Host/:authority help the edge identify which site a visitor requested.

In your deployment: Cloudflare Pages maps both custom hostnames to the binitdatta-career deployment.

A 301 response instructs the browser to request a different URL. This happens after DNS and HTTP(S) connection handling; it is distinct from CNAME resolution. A canonical URL is the preferred public address.

In your deployment: Your Cloudflare redirect rule sends HTTPS www requests to the apex, preserving the path and query string.

The browser, operating system and recursive resolver may cache DNS answers; browsers and CDN edges may cache HTTP assets or redirects. These caches have different lifetimes and behaviors.

In your deployment: A previously cached 301 or DNS response can make tests differ across devices or browsers.

In https://binitdatta.com/architecture?topic=erp#erp-architecture, the scheme is https, host is binitdatta.com, path is /architecture, query is topic=erp, and fragment is erp-architecture. The fragment is handled by the browser, not sent in the HTTP request.

In your deployment: Your architecture section uses #erp-architecture; the browser can preserve it when following a redirect.
Deep dive / DNS governance and hierarchy

Who governs the DNS namespace—and who answers queries?

DNS is a distributed, hierarchical naming system. No single DNS server stores every domain. The hierarchy delegates authority from the root to top-level domains and then to the authoritative nameservers for individual domains.

ICANN and IANA

ICANN coordinates policies and key identifiers for the global domain-name system. Through its IANA functions, it coordinates the DNS root zone, including delegations to TLD operators. ICANN does not resolve every browser query or directly host your website.

Root zone management: IANA coordinates root-zone changes; the root-zone maintainer and root server operators play separate operational roles.

Hierarchy: root → .com → binitdatta.com

Root (.) delegates to TLD nameservers. .com TLD nameservers, operated by the .com registry, delegate binitdatta.com to its assigned authoritative nameservers. Cloudflare authoritative DNS supplies the zone's DNS responses.

Your registrar account at Bluehost controls which nameservers are published for your domain at the registry.

Why “13 root servers”? There are 13 named root server identities, labeled A.root-servers.net through M.root-servers.net, not merely 13 physical machines or 13 geographic clusters. The historical count reflects the original DNS transport/packet-size constraints. Today, independent operators deploy these identities across many hundreds of anycast instances worldwide for resilience, performance, and global reach. Root servers direct resolvers to TLD nameservers; they generally do not return the final IP for a website.
Illustration of browser, recursive DNS resolver, root DNS servers, .com TLD nameservers, Cloudflare authoritative DNS, and Cloudflare Pages
DNS server hierarchy — click to inspect the full-size diagram. Diagram is conceptual: proxied Cloudflare DNS answers are Cloudflare edge IP addresses; CNAMEs to Pages are configuration targets and are not necessarily exposed directly in public DNS responses.
Deep dive / Recursive resolution

How the DNS hierarchy resolves your domain

A recursive resolver does the legwork on behalf of the browser. The following is a typical cold-cache lookup; caching can skip several of these steps.

For www.binitdatta.com, the browser may first consult its own cache and the OS resolver cache. A recursive DNS service (ISP, enterprise, or public resolver such as 1.1.1.1) checks its cached data before asking other servers.

When necessary, the resolver asks a root server about the name. The root responds with a referral containing the authoritative nameservers for the .com TLD, rather than an address for the site.

The resolver queries a .com nameserver. The registry's delegation identifies the authoritative nameservers for binitdatta.com: abby.ns.cloudflare.com and kanye.ns.cloudflare.com.

Cloudflare consults the zone configuration. Both the apex and www are configured as proxied CNAMEs targeting binitdatta-career.pages.dev. With proxying enabled, public address lookups normally return Cloudflare edge IP addresses rather than the internal CNAME targets. Cloudflare's apex CNAME flattening also permits the root hostname to be configured as a CNAME-like record.

The recursive resolver returns an IP address to the client and caches the response according to applicable TTLs and resolver behavior. The browser connects to Cloudflare's edge over HTTPS. DNS is finished at this point: Cloudflare's HTTP routing and Pages mapping determine which website is served.
Important separation: DNS does not perform the www → apex redirect. After HTTPS is established for www.binitdatta.com, your Cloudflare Redirect Rule returns HTTP 301; the browser then requests https://binitdatta.com/. Root, TLD, and authoritative DNS servers are not HTTP redirect servers.
03 / DNS vocabulary

Know what each DNS record actually does

RecordPurposeExample / caution
AMaps hostname to IPv4 address203.0.113.10 (documentation example)
AAAAMaps hostname to IPv6 address2001:db8::10 (documentation example)
CNAMEAliases a hostname to another DNS namewww → binitdatta-career.pages.dev
NSDelegates DNS authority to nameserversabby.ns.cloudflare.com, kanye.ns.cloudflare.com
SOAZone authority and timing metadataMaintained by the DNS provider
MXMail server routingOnly relevant if you configure domain email
TXTText metadata, verification, SPF, DMARC and moreDoes not serve your HTML
CAARestricts certificate authorities permitted to issue certificatesMay affect TLS certificate issuance
Why an apex CNAME works here: Standard DNS CNAME records cannot coexist with other record types at the same owner name. Cloudflare implements CNAME flattening at the zone apex, presenting address answers to resolvers while letting you configure the apex to target a Pages hostname.
04 / What we configured

Your actual Cloudflare setup

1. Registrar delegation

At Bluehost, you changed the domain’s nameservers to Cloudflare’s assigned pair.

abby.ns.cloudflare.com
kanye.ns.cloudflare.com

2. Cloudflare DNS records

Cloudflare manages the DNS zone. Both hostnames are configured as proxied CNAMEs targeting the Pages project.

@ → binitdatta-career.pages.dev
www → binitdatta-career.pages.dev

3. Pages custom domains

Inside the binitdatta-career Pages project, you added binitdatta.com and www.binitdatta.com. Both subsequently showed Active with SSL enabled.

4. Canonical-host redirect

You deployed a Cloudflare Single Redirect: requests for the HTTPS www hostname receive a 301 pointing to the root hostname.

https://www.binitdatta.com/*
↓ 301
https://binitdatta.com/${1}
Important distinction: The configuration above is based on the Cloudflare screens from this setup. A live request can additionally be affected by cache, WAF rules, and future changes. The redirect rule shown matches HTTPS www; redirecting plain HTTP www consistently also depends on your HTTPS/redirect settings.
05 / Request lifecycle

What happens when you type https://binitdatta.com?

The precise network messages depend on caching, browser features and connection reuse, but this is the typical logical sequence for a fresh visit.

1

Parse the URL

The browser identifies the HTTPS scheme, hostname binitdatta.com, path / and default HTTPS port 443. It checks whether an existing connection or cached response can be reused.

2

Find a DNS answer

The browser/OS consults DNS caches and typically asks a recursive DNS resolver. On a cache miss, the resolver can follow root → .com TLD → Cloudflare authoritative nameserver delegation. Cloudflare provides the appropriate DNS answer; because the record is proxied, the browser normally receives Cloudflare edge addresses.

3

Connect to a Cloudflare edge

The browser establishes a network connection to a Cloudflare IP address. The route often uses anycast to reach a nearby available Cloudflare location. The IP alone does not identify which customer site should be served.

4

Negotiate TLS and validate identity

The browser and Cloudflare negotiate TLS; the browser checks that the certificate is trusted and valid for binitdatta.com. SNI commonly indicates the requested hostname during the TLS handshake.

5

Send the HTTP request

Inside the encrypted connection, the browser sends an HTTP request containing the path and host identity (Host header in HTTP/1.1 or :authority in HTTP/2/3).

GET / HTTP/1.1
Host: binitdatta.com
6

Apply edge routing and security

Cloudflare can evaluate relevant security, redirect, and caching rules. Its Pages custom-domain mapping identifies the binitdatta-career project for the requested hostname.

7

Deliver the static site

Cloudflare Pages returns the deployed entry document (typically index.html for /), either from edge cache or the Pages delivery infrastructure. There is no requirement to execute a Spring Boot or Flask server for this static page.

8

Load CSS, JavaScript, images and fonts

The browser parses HTML, requests referenced assets such as styles.css, script.js, and assets/images/..., executes client-side JavaScript, and paints the page. Third-party Bootstrap and Google Fonts URLs are fetched from their respective hosts.

9

Navigate and reuse caches

Further page visits may reuse DNS results, TLS connections, and cached assets. Links to architecture.html request another static document; an anchor such as #erp-architecture navigates within the loaded document in the browser.

06 / Compare both URLs

What changes when the visitor enters www?

Direct visit

https://binitdatta.com

The browser resolves the apex hostname, connects securely to Cloudflare, and requests the site directly through the Pages custom-domain mapping.

Browser → Cloudflare edge
→ Pages → index.html
Canonical redirect

https://www.binitdatta.com

The browser resolves www, establishes HTTPS to Cloudflare, and receives the configured 301. It then makes a new request to the apex hostname.

Browser → Cloudflare edge
← 301 Location: https://binitdatta.com/
Browser → binitdatta.com → Pages
Incoming requestExpected redirect target
https://www.binitdatta.com/https://binitdatta.com/
https://www.binitdatta.com/architecturehttps://binitdatta.com/architecture
https://www.binitdatta.com/articles?topic=aihttps://binitdatta.com/articles?topic=ai when Preserve query string is enabled
https://www.binitdatta.com/architecture#erp-architecturehttps://binitdatta.com/architecture#erp-architecture in normal browser navigation; the fragment never travels in the HTTP request
CNAME ≠ redirect: The CNAME controls DNS naming; it does not change the URL in the address bar. The HTTP 301 response is what instructs the browser to navigate to the canonical hostname.
Architecture illustration / Organizations, infrastructure & trust

The complete web hosting ecosystem

This illustration brings together the organizations that administer domain names, the infrastructure that resolves them, the certificate trust system, and the Cloudflare services that deliver your website. The numbered boxes describe roles, not a single serial packet route: domain registration and certificate issuance happen outside the normal per-visit DNS/HTTP sequence.

Complete web hosting ecosystem with registrar, ICANN, recursive resolver, DNS root and TLD servers, Cloudflare authoritative DNS, certificate authorities, edge, Pages, custom hostnames, and browser
Click the diagram to view it at full resolution. The image is a conceptual teaching aid; the descriptions below clarify important protocol boundaries.

Roles and responsibilities of all 11 components

Component 01

Domain registrar — Bluehost

Bluehost is the retail registrar through which the domain is registered and renewed. The registrant controls its registration and changes the delegated nameservers in the registrar account. Registration does not store or serve the website.

Component 02

ICANN, IANA, and the registry

ICANN coordinates policies and contracts for the domain-name system; IANA functions coordinate the DNS root zone. Verisign operates the .com registry and its TLD nameservers. ICANN does not handle each visitor’s DNS lookup or host your pages.

Component 03

Recursive DNS resolver

A recursive resolver, commonly provided by an ISP or a public DNS service, answers the client’s hostname lookup. It checks its cache first and, when necessary, follows the DNS hierarchy. The browser or operating system may also cache answers.

Component 04

Root DNS server system

The root zone has 13 named root-server identities (A through M), run by 12 independent operators and replicated across many anycast sites worldwide. Root servers refer resolvers to the appropriate TLD nameservers; they do not normally return the IP address of your website.

Component 05

.com TLD nameservers

The .com top-level-domain nameservers, operated by the .com registry, provide delegation information for binitdatta.com, pointing resolvers toward the domain’s authoritative nameservers. They do not contain the website’s HTML.

Component 06

Authoritative DNS — Cloudflare

Cloudflare is authoritative for the binitdatta.com DNS zone through the delegated nameservers. It manages records for the apex and www hostnames, pointing the Pages custom domains to binitdatta-career.pages.dev. With proxying enabled, public DNS typically returns Cloudflare edge addresses.

Component 07

Certificate authorities and trust stores

A certificate authority validates the appropriate domain-control evidence before issuing a TLS certificate. Cloudflare provisions certificates for active custom domains. During a TLS handshake, the visitor’s browser validates the certificate chain, hostname, validity period, and trust against its trust store; certificate revocation checks depend on client policy.

Component 08

Cloudflare edge and network security

The browser connects to a Cloudflare edge IP. Cloudflare terminates the HTTPS connection, applies relevant security and redirect rules, and may serve cached static assets. The configured www-to-apex 301 is an HTTP response from this layer; it is not a DNS operation.

Component 09

Cloudflare Pages deployment

The deployed static site is associated with binitdatta-career.pages.dev and both custom hostnames. Pages distributes and serves HTML, CSS, JavaScript, and image assets through Cloudflare’s infrastructure. Pages is a hosting/deployment platform, not necessarily a single origin server.

Component 10

Custom hostnames, certificates, and redirects

Both binitdatta.com and www.binitdatta.com are configured as Pages custom domains with SSL enabled. A permanent 301 rule redirects HTTPS requests for www to the apex hostname, preserving paths and, when enabled in the rule, query strings.

Component 11

End-user browser

The browser parses the URL, obtains a DNS answer, establishes an encrypted HTTPS connection, sends HTTP requests, processes any 301 redirect, downloads assets, and renders the website. Subsequent navigation can reuse cached DNS, connections, and static resources.

Additional essential participants: The .com registry (Verisign) publishes TLD delegation; the registrant controls the domain; the operating system and its trust store assist DNS and TLS validation; the network/ISP and routing system carry packets to Cloudflare anycast addresses; and the browser's HTTP cache can avoid repeat downloads. These roles complement the 11 labeled blocks.

Three different workflows — do not confuse them

Administrative setup

Registration and delegation

Registrant → Bluehost registrar → .com registry delegation → Cloudflare authoritative nameservers. This is configured ahead of time, not repeated for every visitor.

Name resolution

DNS lookup

Client → recursive resolver → root referral → .com referral → Cloudflare authoritative answer. Cached information may skip some or all upstream queries.

Secure content delivery

TLS, redirect, Pages

Browser → Cloudflare edge TLS handshake → browser validates certificate → HTTP 301 for www → new apex request → Pages content → browser rendering.

Certificate distinction: The CA issues a certificate after domain-control validation; the browser validates the certificate presented by the edge during TLS. Certificate issuance is not ordinarily performed during every page visit. Root-server distinction: “13” refers to root-server identities, not just 13 machines or 13 physical clusters.
Architecture illustration / End-to-end request

Browser-to-Cloudflare navigation architecture

The diagram connects the DNS hierarchy to the HTTPS request, Cloudflare edge processing, your canonical-host redirect, and Cloudflare Pages content delivery. Click the image to inspect it at full resolution.

Eight-stage navigation diagram: browser, recursive DNS, Cloudflare authoritative DNS, edge connection, TLS, redirect rules, Pages hosting, and rendered website
End-to-end conceptual architecture for binitdatta.com. Both hostnames use proxied CNAME configuration; public DNS normally exposes Cloudflare edge addresses rather than the underlying Pages CNAME.
01 → 02

Browser entry and recursive lookup

A visitor enters the URL. The browser or operating system requests DNS resolution, using caches where possible. On a cache miss, a recursive resolver follows root, TLD, and authoritative delegations.

03 → 04

Authoritative answer and edge connection

Cloudflare's authoritative nameservers answer for the zone. Because the DNS records are proxied, the browser connects to a Cloudflare anycast edge IP. Cloudflare's network routes the connection to an available edge location.

05 → 06

TLS and canonical redirect

The browser validates Cloudflare's certificate and establishes HTTPS. For www.binitdatta.com, your active Redirect Rule returns HTTP 301 to the corresponding apex URL, preserving the path and configured query string. For the apex hostname, this redirect step is skipped.

07 → 08

Pages delivery and browser rendering

Cloudflare maps binitdatta.com to the binitdatta-career Pages project, returns HTML and other static assets, and the browser constructs and renders the document. CSS, JavaScript, fonts, and images may trigger additional requests.

Read the diagram as two possible paths: https://binitdatta.com goes straight from edge handling to Pages delivery; https://www.binitdatta.com first receives a 301 and initiates a new request to the apex. The Pages hostname binitdatta-career.pages.dev identifies the deployment target—it is not a mandatory browser-visible redirect or a separate DNS hop after TLS.
08 / Operate and troubleshoot

How to diagnose problems without changing the wrong layer

Verify registrar nameserver delegation, Cloudflare zone status, CNAME records, and DNS propagation. DNS failures occur before the browser can send a normal HTTPS request.

Compare the required custom-domain CNAME target against the DNS zone, verify proxy settings, and allow certificate/domain provisioning time. A dashboard status may lag behind successful traffic; do not repeatedly delete working records.

A 403 is an HTTP response, so DNS and at least some network connectivity succeeded. Check Cloudflare security events, access controls, custom-domain state, and whether the Pages pages.dev URL works. Do not assume a 403 proves DNS is broken.

Check that the exact hostname has an active Pages custom-domain association and certificate. Avoid disabling certificate checks; wait for provisioning or inspect TLS configuration.

Inspect the active Pages deployment, caching rules, browser cache, and 301 redirect history. Use a private window and check the response chain. Permanent redirects may be cached by browsers.
Deployment hygiene: Keep all HTML files, styles.css, script.js, and referenced assets together with the correct relative paths when publishing a new Pages deployment. Uploading only index.html and web-hosting.html without the existing shared assets will leave the styling and images incomplete.
09 / Recap

One-minute glossary

Registration versus hosting

The registrar maintains your right to use the domain; the hosting platform serves your deployed website files.

Authoritative DNS versus resolver

Cloudflare authoritative DNS publishes answers; a recursive resolver retrieves and caches them for clients.

CNAME versus 301

A CNAME changes how a hostname resolves in DNS. A 301 changes the URL the browser requests.

Cloudflare DNS versus Pages

DNS helps browsers reach Cloudflare; Pages maps your hostname to the static site content.

From a domain name to a real website

Registration → Delegation → Resolution → TLS → HTTP → Edge routing → Static asset delivery

Return to homepage