Melodisco

AI Music Player by melodis.co

Live Demo

https://melodis.co

Previews

Deploy with Vercel

Deploy with Docker

• build image

sudo docker build -f deploy/Dockerfile -t melodisco:latest .

• run server

sudo docker run -itd -p 127.0.0.1:8023:8080 --restart=always melodisco:latest

• nginx conf

server {
    listen 80;

    location / {
        proxy_pass http://127.0.0.1:8023/;
        proxy_set_header Host $http_host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }

    error_log /var/log/nginx/melodisco.error;
}

Local Development

1. clone project

git clone https://github.com/all-in-aigc/melodisco

2. install dependencies

cd melodisco
pnpm install

3. init database

create your database use local postgres or vercel-postgres or supabase

create tables from sql at data/install.sql

4. set environmental values

put .env.local under melodisco root dir with values list below

SENSITIVE_KEYWORDS=xxx,xxx,xxx

POSTGRES_URL=postgres://USERNAME:PASSWORD@HOST:PORT/melodisco

STRIPE_PUBLIC_KEY=pk_test_xxx
STRIPE_PRIVATE_KEY=sk_test_xxx

NEXT_PUBLIC_SHARE_BASE_URL=http://localhost:8023

NEXT_PUBLIC_GOOGLE_CLIENT_ID=xxx.apps.googleusercontent.com
GOOGLE_CLIENT_SECRET=GOCSPX-xxx

NEXTAUTH_URL=http://localhost:8023
NEXTAUTH_SECRET=xxx

NEXT_PUBLIC_WEB_BASE_URL=http://localhost:8023

5. local development

pnpm dev --port 8023

open http://localhost:8023 for preview

Credit to

• aiwallpaper for code reference
• nextjs for full-stack development
• tailwindcss for page building
• shadcn/ui for ui component
• next-auth for auth
• next-intl for multiple languages
• stripe for payment
• node-postgres for data processing

See also

• ThinkAny AI Search Engine
• HeyBeauty AI Virtual Try-On
• GPTs Works Third-Party GPTs Store

Who am I

I'm idoubi, a Full-stack-engineer

if this project is helpful to you, buy me a coffee.