1. Home
  2. Docs
  3. TikTok App Template
  4. Backend Setup
  5. Manage Songs

Manage Songs

To populate songs in your app, you need to add songs manually in your Firestore Database.
First start a collection with the name composer_songs. 
Then add a document in this format:

Please note that the fields you should add are listed below and they should all be a type string  as seen in the picture above.


artist  – this is the name of the artist.
coverURL this is an image link for the song cover.

duration – this is the duration of the song eg: “00:28”

streamURL – this is the url of the song. (you can as well upload the song on ur firebase storage, get the link and add it here.) For more information on supported file formats and overriding file extension, check out the official documentation here.

title – this is the title of the song.

you can add as many songs as you want to display.

To see the file where songs are fetched on ur app. Navigate to path “src/screens/SongPickerScreen/api/firebase/songs.js”
There, you will find the code that fetches the list of songs added to your Firebase Firestore.

Navigate to path “src/screens/SongPickerScreen/SongPickerScreen.js” to see the file where this list of fetched songs are loaded for ui display. Also, on this same file, check line 100 to find the “onItemPress” method and here, you can trace the loadCachedAudio method that is also called here to see how songs are loaded.