How I Host Multiple Product Subdomains Using GitHub Pages and Hostinger
When building a startup with multiple products, I wanted a setup that was simple, cost-effective, and repeatable.
My requirements were clear:
This article documents the exact process I now follow every time I launch a new product site using GitHub Pages and Hostinger DNS.
The Target Setup
Assume a main domain:
example.com
And product subdomains like:
product1.example.com
product2.example.com
product3.example.com
Each product:
Prerequisites
Before starting, ensure:
Step 1: Create a GitHub Repository
For each product:
One repository equals one product.
Step 2: Enable GitHub Pages
In the repository:
Wait until GitHub confirms the site is published.
Step 3: Configure the Custom Subdomain
Still in Settings → Pages:
GitHub automatically creates or updates a CNAME file and starts DNS validation.
Step 4: Verify the CNAME File
In the repository root, confirm there is a file named CNAME with exactly:
Recommended by LinkedIn
product1.example.com
No protocol. No extra whitespace.
Step 5: Add DNS Record in Hostinger
In Hostinger → Domains → DNS / Nameservers, add:
Important: For this subdomain, remove any existing A or AAAA records. GitHub Pages requires a single CNAME.
Step 6: Wait for DNS Propagation
DNS propagation usually takes:
Avoid repeatedly changing settings during this time.
Step 7: Enable HTTPS
Once GitHub verifies the domain:
This provides free SSL automatically.
Step 8: Verify the Site
Visit:
https://product1.example.com
You should see:
The Checklist I Reuse Every Time
Before debugging:
Key Takeaways
This setup has worked for me and keeps both the technical architecture and product branding clean as the startup grows.
If you’re building multiple products under one company, this approach is simple, repeatable, and production ready.