A simple, modern static website inspired by platforms like mc-addons.com.
This project is intentionally lightweight so anyone can host it without backend setup.
- Responsive homepage with:
- Hero section
- Featured add-on cards
- Category/search/sort UI elements
- Community/highlights panels
- Pure HTML + CSS (single
index.html) - Easy deployment to static hosts
- Open a terminal in this project folder.
- Run a local server:
python3 -m http.server 8000- Open your browser at:
http://localhost:8000
Choose any method below.
- Create a new GitHub repository.
- Upload
index.html(andREADME.md) to the repository root. - Go to Settings → Pages.
- Under Build and deployment:
- Source: Deploy from a branch
- Branch: main
- Folder: / (root)
- Click Save.
- Wait 1–2 minutes.
- Open your live site URL:
https://YOUR_USERNAME.github.io/YOUR_REPO_NAME/
- Go to https://app.netlify.com/drop.
- Drag your project folder (or just
index.html) into the drop zone. - Netlify instantly publishes your site.
- (Optional) Click Site settings to:
- Set a custom site name
- Connect a custom domain
- Push this project to GitHub/GitLab/Bitbucket.
- Go to https://vercel.com/new.
- Import your repository.
- Framework preset: Other (or leave auto-detected).
- Build command: leave empty.
- Output directory: leave empty.
- Click Deploy.
- SSH into your server.
- Install Nginx:
sudo apt update
sudo apt install -y nginx- Copy your files to web root:
sudo mkdir -p /var/www/addonhub
sudo cp index.html /var/www/addonhub/- Create Nginx site config:
sudo nano /etc/nginx/sites-available/addonhub- Paste:
server {
listen 80;
server_name YOUR_DOMAIN_OR_IP;
root /var/www/addonhub;
index index.html;
location / {
try_files $uri $uri/ =404;
}
}- Enable config and reload Nginx:
sudo ln -s /etc/nginx/sites-available/addonhub /etc/nginx/sites-enabled/
sudo nginx -t
sudo systemctl reload nginx- Visit
http://YOUR_DOMAIN_OR_IP.
- Replace placeholder add-on cards with your real content.
- Add pages like
addons.html,submit.html, andabout.html. - Add analytics (Plausible/GA) if you want traffic insights.
- Add a backend later only if you need uploads/accounts.
.
├── index.html
└── README.md
Use freely for personal or commercial projects.