Getting data

An example to get your data from Last.fm. Work with VueJS, fetch and the API of Last.fm.

Note

See the preview of this project here →

You can test the project in two ways. Either you enter the two values in the form settings or you fill in the data directly in the URL :

https://lastfmprofile.thomasbnt.dev/?key=YOUR_LASTFM_KEY&username=YOUR_LASTFM_USERNAME

key is your API key and username is your username on Last.fm.

Note

More projects like that ? Check this list.

---

How to setup the project ?

Edit the .env.example into .env and add your Last.fm API key.

# .env
VITE_USERNAME=thomasbnt
# Caution : VITE_ prefix is required, and he show to the client your key.
VITE_LASTFM_KEY=YOUR_API_KEY

And how to get the Last.fm API key ?

You can get your Last.fm API key here or grab an already created key.

The behind the scene

This project use Vue.js and Vite. Also, a bit of SASS, and Lucide for icons. The font family is Lato.

---

How to develop this project

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.