Synology: Install Homepage With Portainer

Synology Install Homepage With Portainer

My previous guide for Homepage involved the use of Task Scheduler. Today I’m offering a recommended and excellent alternative for installing the latest Homepage version via Portainer. Homepage is a highly customizable homepage. You can use it as a dashboard for your docker applications. You can also add bookmarks. Homepage is a dashboard alternative to Flame, Dashy and Homarr. The only boring thing about the homepage app is that you have to edit the .yaml files manually to insert your own docker applications address or bookmarks. On the other hand, once set, its strong points are its speed and clean graphics. In this step by step guide I will show you how to install Homepage on your Synology NAS using Docker & Portainer.

💡Note: This guide works perfectly with the latest Homepage v0.9.11 release.

  • STEP 1

Please Support My work by Making a Donation.

  • STEP 2

Install Text Editor via Synology “Package Center”. (Mandatory STEP.) If you already have Text Editor installed on your Synology NAS, skip this STEP.

Synology Install Text Editor 2023

  • STEP 3

Install Portainer using my step by step guide. If you already have Portainer installed on your Synology NAS, skip this STEP. Attention: Make sure you have installed the latest Portainer version.

  • STEP 4

Go to File Station and open the docker folder. Inside the docker folder, create one new folder and name it homepage. Follow the instructions in the image below.
Note: Be careful to enter only lowercase, not uppercase letters.

Homepage Synology NAS Portainer Set up 1

  • STEP 5

Now create one new folder inside the homepage folder that you created at STEP 4 and name it public. Follow the instructions in the image below.
Note: Be careful to enter only lowercase, not uppercase letters.

Homepage Synology NAS Portainer Set up 2

  • STEP 6

Log into Portainer using your username and password. On the left sidebar in Portainer, click on Stacks then + Add stack. Follow the instructions in the image below.

1 Synology Portainer Add Stack

  • STEP 7

In the Name field type in homepage. Follow the instructions in the image below.

Note: Copy Paste the code below in the Portainer Stacks Web editor.

version: "3.9"
services:
  homepage:
    container_name: Homepage
    image: ghcr.io/gethomepage/homepage:latest
    mem_limit: 4g
    cpu_shares: 768
    security_opt:
      - no-new-privileges:true
    restart: on-failure:5
    ports:
      - 3550:3000
    volumes:
      - /volume1/docker/homepage:/app/config:rw
      - /volume1/docker/homepage/public:/app/public/images:rw
      - /var/run/docker.sock:/var/run/docker.sock

Homepage Synology NAS Portainer Set up 3 new 2024

  • STEP 8

Scroll down on the page until you see a button named Deploy the stack. Click on it. Follow the instructions in the image below. The installation process can take up to a few minutes. It will depend on your Internet speed connection.

Homepage Synology NAS Portainer Set up 4 new 2024

  • STEP 9

If everything goes right, you will see the following message at the top right of your screen: “Success Stack successfully deployed“.

Homepage Synology NAS Portainer Set up 5

  • STEP 10

Go back to STEP 1 or you will deal with karma 🙂

  • STEP 11

The installation process can take up to a few seconds/minutes. It will depend on your Internet speed connection. Now open your browser and type in http://Synology-ip-address:3550 Follow the instructions in the image below.

Homepage Synology NAS Portainer Set up 6

  • STEP 12

Go to File Station then open the homepage folder that you have previously created at STEP 4. Inside the homepage folder, you will find some .yaml files. Now let’s modify, for example, the bookmarks.yaml file, to add your own bookmark address.

Homepage Synology NAS Portainer Set up 7

  • STEP 13

Add your own bookmark address by following the instructions in the image below. Click Save.

Homepage Synology NAS Portainer Set up 8

  • STEP 14

Go back to your Homepage Dashboard to see your modified bookmarks. You can change the background color to fit your needs. Follow the instructions in the image below.

Homepage Synology NAS Portainer Set up 9

Enjoy Homepage & Read the Full documentation on how to modify the .yaml files.

  • STEP 15

To prevent containers like Pihole and others from going into timeout when you are looking for integrations in Homepage, remember to DISABLE/UNCHECK the Multiple Gateways option in network settings in DSM.

🆘TROUBLESHOOTING

If you encounter issues by using this container, make sure to check out the Common Docker issues article.

Note: If you want to run the Homepage container over HTTPS, check How to Run Docker Containers Over HTTPS. In order to make Homepage work via HTTPS, it’s mandatory to activate WebSocket.

Note: Can I run Docker on my Synology NAS? See the supported models.
Note: How to Back Up Docker Containers on your Synology NAS.
Note: Find out how to update the Homepage container with the latest image.
Note: How to Free Disk Space on Your NAS if You Run Docker.
Note: How to Schedule Start & Stop For Docker Containers.
Note: How to Activate Email Notifications.
Note: How to Add Access Control Profile on Your NAS.
Note: How to Change Docker Containers Restart Policy.
Note: How to Use Docker Containers With VPN.
Note: Convert Docker Run Into Docker Compose.
Note: How to Clean Docker.
Note: How to Clean Docker Automatically.
Note: Best Practices When Using Docker and DDNS.
Note: Some Docker Containers Need WebSocket.
Note: Find out the Best NAS Models For Docker.
Note: Activate Gmail SMTP For Docker Containers.

This post was updated on Friday / October 18th, 2024 at 11:07 PM