Skip to main content

We Are Starting! ๐Ÿš€

ยท 2 min read
Lordpluha
Full Stack Developer

Welcome to the official Bitrate blog - a full-featured music streaming service built from scratch!

This is an ambitious pet project aimed at recreating the functionality of a popular music service using modern technology stack.

๐ŸŽฏ What Is This Project?โ€‹

Bitrate is a comprehensive monorepo including:

  • ๐ŸŽต Backend API (NestJS + PostgreSQL + Prisma)
  • ๐ŸŒ Web Application (Next.js + React)
  • ๐Ÿ“ฑ Mobile Application (React Native + Expo)
  • ๐Ÿ–ฅ๏ธ Desktop Application (Tauri + React)
  • ๐Ÿ“š Documentation (Docusaurus)
  • โš™๏ธ Admin Panel (Kottster)

๐Ÿ› ๏ธ Technology Stackโ€‹

The project is built with modern technologies:

Backendโ€‹

  • NestJS - Modular REST API architecture
  • PostgreSQL + Prisma - Type-safe database operations
  • WebSockets - Real-time playback synchronization
  • BullMQ - Background jobs and queues
  • FFmpeg - Audio and video conversion

Frontendโ€‹

  • Next.js 15 - SSR and App Router
  • React 19 - Modern UI
  • Tailwind CSS v4 - Styling (Rust-based, blazing fast)
  • TypeScript - Type safety

Toolsโ€‹

  • pnpm workspaces - Monorepo management
  • Turbo - Build acceleration
  • Biome - Linting and formatting
  • Docker - Containerization

๐Ÿ“ฆ Custom Packagesโ€‹

Reusable CLI utilities created for the project:

  • @spotify/tokens-generator - Design tokens to CSS generation
  • @bitrate/vite-svgr - Vite plugin for SVG-to-React generation in the build pipeline
  • @bitrate/svgr - SVG to React component conversion
  • @bitrate/converter - Media conversion (OGG Opus, AAC)
  • @bitrate/ncs-parser - NCS music parsing
  • @bitrate/ui-react - Reusable UI components

๐ŸŽจ Key Featuresโ€‹

Architectureโ€‹

  • Monorepo - All applications in one repository
  • Feature-Sliced Design - Frontend architecture
  • Clean Architecture - Backend architecture
  • Type-safe contracts - Shared types between frontend and backend

Functionalityโ€‹

  • โœ… Real-time music streaming
  • โœ… Playlists, albums, artists
  • โœ… Real-time cross-device synchronization
  • โœ… Audio conversion to OGG Opus
  • โœ… Responsive design for all platforms
  • ๐Ÿ”„ CI/CD with GitHub Actions (in progress)

๐Ÿ“ˆ What's Next?โ€‹

In upcoming posts, I'll be sharing about:

  • ๐Ÿ—๏ธ Architecture Decisions - Why we chose certain technologies
  • ๐Ÿ”ง Technical Challenges - How we solved complex problems
  • ๐Ÿ“Š Performance Optimizations - How we achieved Vite-level speed
  • ๐Ÿณ DevOps Practices - Docker, CI/CD, monitoring
  • ๐Ÿ’ก Lessons Learned - What we discovered along the way

๐Ÿค Contributingโ€‹

The project is open for contributions! Source code is available on GitHub:

๐Ÿ‘‰ github.com/Lordpluha/bitrate

How to Help?โ€‹

  • ๐Ÿ› Report bugs via Issues
  • ๐Ÿ’ก Suggest new features
  • ๐Ÿ”€ Create Pull Requests
  • โญ Star the repository on GitHub
  • ๐Ÿ“– Improve documentation

๐ŸŽต Stay Updated!โ€‹

Subscribe to the blog to not miss new posts about development, releases, and interesting technical solutions.

Welcome to the world of open-source music streaming! ๐ŸŽถ


Stay tuned for more updates!