Show your recent Last.fm scrobbles on your GitHub profile README.
It is different from JeffreyCA/lastfm-recently-played-readme in the following ways:
- Better artwork retrieval: Fixed an problem where artwork was not displayed for some songs.
- Docker support: It also works with Docker.
- Self hosting: Vercel free plan has a 10-second runtime limit, which meant that SVGs were sometimes not displayed if it took a long time to retrieve artwork, etc. Self-hosting solves this.
This fork is hosted by following:
https://lrpr.amatama.net
: Self-hosting on my server. This is recommended in terms of vercel runtime.https://lastfm-recently-played-book000.vercel.app
: Hosting by Vercel.
Just add the following into your README and set the query parameter user
to your Last.fm username.

[](https://www.last.fm/user/book000)
To a custom number of tracks, pass the query parameter count
and set it to the number of tracks to display.
Default:
5
Min:1
Max:10
Example:

To set a custom card width, pass the query parameter width
and set it to the desired width in px.
Default:
400
Min:300
Max:1000
Example:

Set the loved
parameter to true
to show a heart indicator next to your loved tracks.
Default:
false
Example:

Further customization:
You can set the loved_style
parameter to 1
, 2
, 3
, or 4
to customize the indicator placement.
Default:
1
Style 1 | Style 2 | Style 3 | Style 4 |
---|---|---|---|
Deploy your own Vercel project using the link above. Next, you'll need to set the API_KEY
environment variable to your Last.fm API key. You'll also need to set the VERCEL_URL
system environment variable in the Vercel project settings.
- Clone Git repo
$ git clone https://github.com/book000/lastfm-recently-played-readme.git
- Install Node dependencies
$ npm install
- Create
.env
file containing the following:API_KEY=<Last.fm API key>
- Run development server
$ npm run dev
The app will be running at http://localhost:3000.