Get Template

Deployment

Deploy your homepage to the web. Multiple options available.

Build for Production

Before deploying, build your site:

npm run build

This creates an out folder with static HTML, CSS, and JS files.

Netlify

Recommended - Free tier available

Option A: Drag & Drop

  • Run npm run build
  • Go to netlify.com and sign up
  • Drag the out folder to the deploy area
  • Done! Get your free .netlify.app URL

Option B: GitHub Integration

  • Push your code to GitHub
  • Connect Netlify to your repo
  • Set build command: npm run build
  • Set publish directory: out
  • Every push auto-deploys!

Vercel

Next.js creators - Seamless integration

  • Push code to GitHub
  • Go to vercel.com and import your repo
  • Vercel auto-detects Next.js settings
  • Click Deploy
  • Get your free .vercel.app URL
○Note
Vercel automatically handles the build process. No configuration needed.

Manual / FTP

Traditional web hosting

  • Run npm run build
  • Open the out folder
  • Upload ALL contents to your web server root
  • Make sure index.html is accessible
△Important
Upload the contents of the out folder, not the folder itself. Your server root should contain index.html directly.

GitHub Pages

Free hosting from GitHub

  • Push code to GitHub
  • Go to repo Settings → Pages
  • Set source to GitHub Actions
  • Create .github/workflows/deploy.yml
  • Push and wait for deployment

Custom Domain

All platforms support custom domains:

  • Buy a domain from Namecheap, Cloudflare, or GoDaddy
  • Add domain in your hosting platform settings
  • Update DNS records as instructed
  • Wait for DNS propagation (up to 48 hours)
  • SSL/HTTPS is usually automatic

Recommended Setup

For Minecraft servers, we recommend:

Domain Structure

yourserver.com → Main website

play.yourserver.com → Minecraft IP

store.yourserver.com → Tebex/Store

✓Free Hosting
Netlify and Vercel free tiers are more than enough for server homepages. You only need paid plans for very high traffic (100k+ monthly visitors).