Skip to content


Switch branches/tags

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Tijdloze Website frontend

This project contains the frontend of the Tijdloze Website. It is built as a single page application with Vue.js and the Nuxt framework. There is a separate API project that provides the backend.

The Tijdloze Website is maintained by Stijn Vermeeren. Other contributions to improve the functionality and/or the layout of the website are very welcome. Please reach out if you are interested in contributing.

Development setup

API and database

Using Docker Compose

To get started quickly, it is recommended to run the API and the database using Docker Compose. A docker-compose.yml file to start two containers, one for the API and one for the database, is provided. The official images are hosted on Docker Hub as stijnvermeeren/tijdloze-api and stijnvermeeren/tijdloze-db.

The database image comes with:

  • All data about artists, albums, songs and list entries.
  • Four dummy users from the Auth0 domain, all with password "secret":
    • (Admin user)
    • (Admin user)

Manual setup

If you don't want to use the Docker images, it is also possible to build and run the API project from the source. Instructions can be found in the tijdloze-api project.


Copy the file .env.example to .env and adjust the variables accordingly.

The defaults in .env.example should work out-of-the-box when running the API using default Docker Compose file.

Available settings and defaults

The URI for the API can be different on the client side (i.e. in the browser of a visitor of the website) and on the server side (i.e. in the Node.js process running Nuxt).

  • API_URI_CLIENT=http://localhost:9000/
  • API_URI_SERVER=http://localhost:9000/

The Tijdloze Website is designed to work with Auth0 for authentication and authorization. An Auth0 domain has been set up that can be used for development purposes (though without the ability to create new users beyond the ones listed above under API and database). To use your own Auth0 domain, these settings must be adjusted accordingly.

  • AUTH0_CALLBACK_URI=http://localhost:3000/auth/callback
  • AUTH0_LOGOUT_URI=http://localhost:3000/

An optional Google Analytics ID can be provided to activate web tracking.


Install all dependencies

Run npm install.

Start the application in development mode

Run npm run dev. The application will be accessible at localhost:3000.

Production setup recommendations

Recommendations for running this application in a production environment can be found in


Vue.js/Nuxt frontend for De Tijdloze Website






No releases published


No packages published