Skip to content

Repository files navigation

K3lvin Kaos — Music & Sync Licensing Portfolio

Live site: k3lvinkaosmusic.com

A professional sync licensing and music portfolio site for K3lvin Kaos — producer, composer, and sync licensing specialist with 1,000+ placements on Netflix, ESPN, NBC, CBS, Showtime, Discovery, and more.


🛠 Tech Stack

Layer Tool Purpose
Site Builder Lovable.dev + Claude Code AI-assisted React development
Frontend React + Vite + Tailwind CSS Component-based UI
Version Control GitHub Code storage, history, rollback
CI/CD Netlify Auto-deploys on every push
DNS Cloudflare Traffic routing, DDoS protection
Domain Namecheap Domain registration (~$12/yr)
Email Google Workspace Professional email hosting

⚙️ Deployment Pipeline

Lovable.dev (edit)
      ↓
GitHub (vibe-licensing-hub)
      ↓
Netlify (auto-deploy on push)
      ↓
Cloudflare (DNS routing)
      ↓
k3lvinkaosmusic.com (production)

Every edit made in Lovable automatically pushes to this repo. Netlify detects the change and deploys within 60 seconds. Zero manual deployment steps.


💰 Total Infrastructure Cost

Service Cost
Domain (Namecheap) ~$12/year
Email (Google Workspace) ~$72/year
Hosting (Netlify) $0
DNS (Cloudflare) $0
Total ~$84/year

Migrated from Wix Business Plan ($496/year) — saving ~$412/year with a faster, cleaner, more professional stack.


🎯 Site Features

  • Home — Hero section with network placement logos (Netflix, ESPN, NBC, CBS, Showtime, Discovery, ABC)
  • About — Bio and specialties (Cinematic Hip-Hop, Epic Hip-Hop, R&B & Soul, Sports Promos)
  • Catalog — Links to full catalog via DISCO
  • Shop — Digital products and services:
    • SoundOS: Run Your Sound Like A System (Coming Soon)
    • The Creators Stack (Done-for-you website build service)
    • Sync Intelligence Report (Custom placement data dashboards)
    • The Drop (Rotating weekly release)
  • Credits — Placement history and IMDb credits
  • Contact — Sync licensing inquiry form

🏗 Architecture Notes

This project follows a separation of concerns approach across every infrastructure layer — the same principle applied in zero-trust cloud security architecture:

  • Namecheap owns the domain registration
  • Cloudflare manages DNS routing and security
  • Netlify handles hosting and deployment
  • GitHub manages version control and history No single layer is a point of failure. If any one service has an issue, the others continue functioning independently.

🔄 How to Update the Site

  1. Open project in Lovable.dev
  2. Make edits via natural language prompts
  3. Click Publish to GitHub
  4. Netlify auto-detects and redeploys (~60 seconds)
  5. Changes are live at k3lvinkaosmusic.com For direct code edits — press . in this repo to open the GitHub web editor, make changes, commit, and Netlify deploys automatically.

👤 About K3lvin Kaos

Keith Anderson is a Cloud Security Engineer and music producer operating at the intersection of technology and creative media. By day he architects secure cloud environments for federal clients using AWS GovCloud, IAM pipelines, and GitLab CI/CD. By night he produces sync-ready music placed across major networks and streaming platforms.


"Music built like infrastructure."

About

K3lvin Kaos music portfolio — React + Netlify + Cloudflare. ~$84/year stack.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages