Build a Full-Stack Music Station with OpenRouter, Amazon Bedrock, and Nuxt
Have you ever been coding and then gotten into that flow state? You know where hours pass by , and it feels to you it's only ben a few minutes? Me too. One thing that really helps me get into that state is music. So I create my own music Lo-Fi server called compile and chill. As a part of this project, I created three radio stations. Each station can generate a 16:9 scene with Amazon Bedrock ,…
The story of creating a full-stack music station using OpenRouter, Amazon Bedrock, and Nuxt involves several key components. First, the developer builds a Lo-Fi music server called "compile and chill" featuring three radio stations. Each station generates a 16:9 scene with Amazon Bedrock, composes an instrumental loop using ElevenLabs, and turns an illustration into a six-second video through OpenRouter. The generated files are stored in private Amazon S3 storage and returned to the browser via the Nuxt server.
The project requires Node.js 22.19 or newer, Nuxt 4.5.2, npm 10 or newer, an AWS account with AWS CLI configured, access to Stability AI Stable Image Ultra through Amazon Bedrock in us-west-2, an ElevenLabs API key for music generation, and an OpenRouter API key for animated scenes. The project can be run without provider credentials, but running it with credentials unlocks additional features like Stream Deck API interface, remote control, and station switching.
The developer sets up the environment using a .env file with placeholders for provider credentials. The credentials are optional, and if not provided, the UI, bundled scene, station switching, player, and Focus Block timer still function. The developer uses AWS SAM to help set up the AWS parts and includes the infrastructure as code in the repository.
The tutorial provides step-by-step instructions to build the radio station from start to finish. It includes running the station without credentials, pulling the repository, configuring provider calls using Nuxt server routes, and generating a scene with Amazon Bedrock. The developer authenticates with AWS IAM Identity Center, sets up the AWS profile and model settings, and calls generateStationScene() in server/utils/station-generation.ts.
The provider payload is constructed with various parameters, and the response is handled by the server.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
