Skip to content

deploy-to-domain.md

Latest commit

 

History

History
86 lines (65 loc) · 1.9 KB

deploy-to-domain.md

File metadata and controls

86 lines (65 loc) · 1.9 KB
Raw

🚀 Deploy TimeCapsuleTV to tv.jonny.sh

Option 1: GitHub Pages + Custom Domain (Recommended)

  1. Enable GitHub Pages:

    • Go to your GitHub repo settings
    • Navigate to "Pages" section
    • Source: "GitHub Actions"
    • Custom domain: tv.jonny.sh

  2. DNS Setup (on your domain provider):

    CNAME tv.jonny.sh -> yourusername.github.io

  3. Push to trigger deployment:

    git add .
git commit -m "🚀 Add web deployment system"
git push origin web-deployment

Option 2: Direct Upload to Server

If you have SSH access to your server:

# Build locally
python build_web.py

# Upload to your server
scp -r web-build/* user@jonny.sh:/var/www/tv/

Option 3: Netlify Drop (Super Easy)

  1. Run: python build_web.py
  2. Go to netlify.com/drop
  3. Drag the web-build folder
  4. Set custom domain to tv.jonny.sh

Option 4: Vercel

# Install Vercel CLI
npm i -g vercel

# Deploy
cd web-build
vercel --prod
vercel domains add tv.jonny.sh

Features in Web Version

✅ Working:

  • All 222,219 videos embedded
  • Full keyboard controls (5,6,7,8,9,0 for decades)
  • Favorites system (localStorage)
  • CRT effects and sound
  • YouTube playback

⚠️ Limited (vs desktop app):

  • No video categorization (read-only)
  • Favorites stored in browser only
  • No backend features

File Structure

web-build/
├── index.html          # Complete app (42MB with all video data)
├── assets/
│   ├── tvstatic.gif    # CRT static overlay
│   └── sounds/         # Click and static audio
└── README.md           # Documentation

Performance

  • Initial Load: ~42MB (one-time download)
  • Runtime: Pure client-side, no server calls
  • Caching: Browser caches everything after first visit
  • Mobile: Works on mobile devices

Perfect for showcasing your project to potential customers! 🎬