How to Install Flame with Docker Compose on Ubuntu 24.04

Flame is a self-hosted start page and bookmark manager that provides a simple, customizable interface. It helps you manage bookmarks, track popular services, and organize links. Docker Compose is a tool that simplifies the deployment and management of multi-container Docker applications. In this guide, we will walk you through the process of installing Flame using Docker Compose on an Ubuntu 24.04 server.

Prerequisites

Before you begin, make sure your system meets the following prerequisites:

1. Ubuntu 24.04: Ensure that you have Ubuntu 24.04 installed on your server.
2. Sudo Privileges: You need a user with sudo privileges to execute commands as a superuser.
3. Docker Installed: Docker should be installed on your system.
4. Docker Compose Installed: Docker Compose must be installed on your system.

Set Up Flame with Docker Compose

With Docker and Docker Compose installed, you can now set up Flame.

1. Create a Directory for Flame: Start by creating a directory for your Flame setup:

mkdir ~/flame
cd ~/flame

2. Create a docker-compose.yml File: In the newly created directory, create a docker-compose.yml file. This file will define the Flame service configuration:

nano docker-compose.yml

3. Add the Flame Configuration: Paste the following configuration into the docker-compose.yml file:

version: '3.8'
services:
  flame:
    image: pawelmalak/flame
    container_name: flame
    volumes:
      - /root/dockeri/flame:/app/data
    ports:
      - 5555:5005
    environment:
      - PASSWORD=parola
    restart: unless-stopped
networks:
  default:
    name: monitoring-net
    external: true

This configuration sets up Flame to run on port 5555. The volumes directive ensures that your data is stored persistently.

4. Save and Exit: Save the file and exit the editor by pressing CTRL + X, then Y, and finally ENTER.

Deploy Flame with Docker Compose

Now that your configuration file is ready, you can deploy Flame.

1. Start Flame: Run the following command to start Flame:

sudo docker-compose up -d

The -d flag runs the containers in detached mode, allowing them to run in the background.

2. Verify the Container is Running: Check if the Flame container is running:

sudo docker ps

You should see Flame listed as running

Access Flame

Flame should now be up and running. To access it:

1. Open Your Web Browser: On your local machine, open a web browser.
2. Navigate to Flame: Enter the following URL: http://your-server-ip:5005

Replace your-server-ip with the actual IP address of your Ubuntu 24.04 server.

3. Initial Setup: The first time you access Flame, you’ll need to complete the initial setup. This includes creating an admin account and configuring your start page.

How to customize the Flame dashboard using CSS settings?

Go to Flame custom CSS settings.

Log into your Flame dashboard and click on the gear icon in the bottom left corner. Then click on the CSS tab. This is where we will place all custom CSS.

Modifying the column count for applications. The code below adjusts the default number of columns from 4 to 5 in the applications section.

.AppGrid_AppGrid__33iLW {
  grid-template-columns: repeat(7, 1fr) !important;
}

Customizing the cursor color. To modify the cursor color, add the following code to your CSS stylesheet.

.AppCard_AppCard__1V2_0:hover {
    background: rgba(12,120,41,1) !important;
}

Adjust the font size for the ‘Application’ description. The default seems to be 8px, but I prefer 12px

.AppCard_AppCardDetails__tbAhY span {
  font-size: 12px !important;
}

Eliminate URLs. The following code will remove any URLs or descriptions found within the Applications area.

.AppCard_AppCardDetails__tbAhY {
height: 50%;
}
.AppCard_AppCardDetails__tbAhY span {
display: none !important;
}

Conclusion

Installing Flame with Docker Compose on Ubuntu 24.04 is straightforward. By following the steps outlined in this guide, you can easily set up and manage Flame on your server. With Flame, you can organize your bookmarks and create a personalized start page, making it easier to navigate your favorite web services. The use of Docker Compose simplifies the management of Flame, allowing you to deploy and update it effortlessly.

Thank you for reading the article! If you found the information useful, you can donate using the buttons below:

Donate ☕️ with PayPalDonate 💳 with Revolut