๐ 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.
๐ 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
โ๏ธ 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.