Foldergram is a self-hosted web application that turns your local folders of photos and videos into an Instagram-style gallery. It scans a root directory, indexes supported media files, generates thumbnails and previews, and delivers a fast, feed-based Progressive Web App experience with home feed, explore, library, and per-folder profile views, all without cloud sync or multi-user accounts. In this step by step guide I will show you how to install Foldergram on your Synology NAS using Docker & Portainer.

💡Note: This guide works perfectly with the latest Foldergram v1.0.6 release.

• STEP 1

Please Support My work by Making a Donation.

• STEP 2

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 3

Make sure you have a synology.me Wildcard Certificate. Follow my guide to get a Wildcard Certificate. If you already have a synology.me Wildcard certificate, skip this STEP.

• STEP 4

Go to Control Panel / Login Portal / Advanced Tab / click Reverse Proxy. Follow the instructions in the image below.

• STEP 5

Now click the “Create” button. Follow the instructions in the image below.

• STEP 6

After you click the Create button, the window below will open. Follow the instructions in the image below.

On the General area, set the Reverse Proxy Name description: type in Foldergram. After that, add the following instructions:

Source:
Protocol: HTTPS
Hostname: foldergram.yourname.synology.me
Port: 443

Check Enable HSTS

Destination:
Protocol: HTTP
Hostname: localhost
Port: 4141

• STEP 7

On the Reverse Proxy Rules click the Custom Header tab. Click Create and then, from the drop-down menu, click WebSocket. After you click on WebSocket, two Header Names and two Values will be automatically added. Click Save. Follow the instructions in the image below.

• STEP 8

Go to Control Panel / Network / Connectivity / Check Enable HTTP/2 then click Apply. Follow the instructions in the image below.

• STEP 9

Go to Control Panel / Security / Advanced tab/ Check Enable HTTP Compression then click Apply. Follow the instructions in the image below.

• STEP 10

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

• STEP 11

Now create four new folder inside the foldergram folder that you have previously created at STEP 10 and name them db, gallery, previews, thumbnails. Follow the instructions in the image below.
Note: Be careful to enter only lowercase, not uppercase letters.

• STEP 12

Log into Portainer using your username and password. On the left sidebar in Portainer, click on Home then Live connect. Follow the instructions in the image below.

On the left sidebar in Portainer, click on Stacks then + Add stack. Follow the instructions in the image below.

• STEP 13

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

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

#Foldergram Synology guide: https://mariushosting.com/how-to-install-foldergram-on-your-synology-nas
services:
  foldergram:
    image: ghcr.io/foldergram/foldergram:latest
    container_name: Foldergram
    user: 0:0
    healthcheck:
      test: timeout 10s bash -c ':> /dev/tcp/127.0.0.1/4141' || exit 1
      interval: 10s
      timeout: 5s
      retries: 3
      start_period: 90s
    ports:
      - 4141:4141
    environment:
      IMAGE_DETAIL_SOURCE: preview #or original instead of preview - original makes image detail pages stream.
      NOD_ENV: production
      DERIVATIVE_MODE: eager
      CSRF_TRUSTED_ORIGINS: https://foldergram.yourname.synology.me
      GALLERY_ROOT: ./data/gallery
      DB_DIR: ./data/db
      THUMBNAILS_DIR: ./data/thumbnails
      PREVIEWS_DIR: ./data/previews
    volumes:
      - /volume1/docker/foldergram/gallery:/app/data/gallery:rw
      - /volume1/docker/foldergram/db:/app/data/db:rw
      - /volume1/docker/foldergram/thumbnails:/app/data/thumbnails:rw
      - /volume1/docker/foldergram/previews:/app/data/previews:rw
    restart: on-failure:5

Note: Before you paste the code above in the Web editor area below, change the value for CSRF_TRUSTED_ORIGINS and type in your own synology.me DDNS with https:// at the beginning that you have previously created at STEP 6.

• STEP 14

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.

• STEP 15

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

• STEP 16

🟢Please Support My work by Making a Donation. Almost 99,9% of the people that install something using my guides forget to support my work, or just ignore STEP 1. I’ve been very honest about this aspect of my work since the beginning: I don’t run any ADS, I don’t require subscriptions, paid or otherwise, I don’t collect IPs, emails, and I don’t have any referral links from Amazon or other merchants. I also don’t have any POP-UPs or COOKIES. I have repeatedly been told over the years how much I have contributed to the community. It’s something I love doing and have been honest about my passion since the beginning. But I also Need The Community to Support me Back to be able to continue doing this work.

• STEP 17

Now open your browser and type in your HTTPS address like this https://foldergram.yourname.synology.me In my case it’s https://foldergram.mariushosting.synology.me If everything goes right, you will see the Foldergram homepage. Go straight to the next STEP. Follow the instructions in the image below.

• STEP 18

Go to File Station. Create a new folder in the gallery folder that you have previously created at STEP 11. Choose the name that you want for the folder. Follow the instructions in the image below.

• STEP 19

Upload your own photos or videos in your personalized folder that you have previously created at STEP 18. Follow the instructions in the image below.

• STEP 20

Now open your browser and type in your HTTPS address like this https://foldergram.yourname.synology.me In my case it’s https://foldergram.mariushosting.synology.me If everything goes right, you will see the Foldergram homepage. Click Run Scan Library. Follow the instructions in the image below.

• STEP 21

Your folder that you have previously created at STEP 18 will be automatically scanned and the photos or videos inside it will show. Go straight to the next STEP.

• STEP 22

On the left sidebar, click More then Switch appearance. Follow the instructions in the image below.

• STEP 23

Your theme will automatically switch from Light to Dark. Go straight to the next STEP.

• STEP 24

On the left sidebar, click More then Settings. Follow the instructions in the image below.

• STEP 25

On the left sidebar, click Security & Access. Add your own Administrator Password then click Enable Admin Password. Follow the instructions in the image below.

• STEP 26

On the left sidebar, click More then Sign out. Follow the instructions in the image below.

• STEP 27

Type in your own Administrator Password that you have previously added at STEP 25. Click Unlock Library. Follow the instructions in the image below.

• STEP 28

You are now logged in as an Administrator! On the left sidebar, click More / Settings then Security & Access. You can change who can view your Library. Follow the instructions in the image below.

• STEP 29

If you want, you can add multiple folders in the gallery folder. Name each folder as you wish, then upload your photos or videos categorizing them as per your preferences. Every time you make a new folder in File Station / Foldergram / gallery / you need to scan it in the Foldergram App. How to do that? Left sidebar, More, Settings / Scan & Library / click Scan Library. Follow the instructions in the image below.

• STEP 30

Your photos or videos at a glance!

Enjoy Foldergram!

🆘TROUBLESHOOTING

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

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 Foldergram container with the latest image.
Note: How to Free Disk Space on Your NAS if You Run Docker.
Note: Instead of the synology.me DDNS you can also use your own domain name.
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.