Reef Remix — Hosting & Deployment

🚀 The One Rule For Clean URLs

Every page is a folder containing an index.html. Never upload a file named team.html. Instead create a folder called team/ with index.html inside it. This gives you reefremix.com/team with no .html in the URL — on any host, forever, no configuration needed.

Folder Structure

📁 public_html layout on Hostinger

public_html/
├── index.html                       → reefremix.com
├── reef-remix-logo.png              → shared logo (linked as /reef-remix-logo.png)
├── .htaccess                        → safety net rewrite rules (see below)
│
└── team/
    ├── index.html                   → reefremix.com/team
    ├── rr-styles.css                → shared stylesheet (linked as /team/rr-styles.css)
    ├── style-guide/
    │   └── index.html               → reefremix.com/team/style-guide
    ├── content-planning-system/
    │   └── index.html
    ├── file-system/
    │   └── index.html
    ├── workflow/
    │   └── index.html
    ├── coppa-training/
    │   └── index.html
    ├── character-bible/
    │   └── index.html
    └── hosting-setup/
        └── index.html
    

.htaccess Safety Net

⚙️ Add this to public_html/.htaccess

If you ever accidentally upload a .html file directly instead of making a folder, this catches it and serves it at a clean URL anyway.

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^([^\.]+)$ $1.html [NC,L]

💡

Hostinger uses Apache — .htaccess works natively. Upload it to public_html root (same level as index.html), not inside any subfolder.

How to Deploy a New Page

Copy the page shell

Start from the template in the Style Guide — never start from scratch.

Build locally, save as index.html in a new folder

Folder name: lowercase, hyphens only. File inside: always index.html.

Upload the folder via Hostinger File Manager

hPanel → File Manager → public_html/team/ → Upload the entire folder. Or use FTP if you prefer.

Update the Team Hub card

Change the badge from "Coming Soon" to "Ready" in team/index.html and re-upload that file.

Test the clean URL

Open reefremix.com/team/[new-page] in an incognito window. If it loads, you're done.